@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1218 → 1.5.1219
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/assets/styles/main.min.css +1 -1
- package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs +550 -550
- package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs.map +1 -1
- package/lib/ds-ng.component.d.ts +1 -1
- package/package.json +1 -3
- package/esm2022/lib/components/bmb-academic-progress/bmb-academic-progress.component.mjs +0 -87
- package/esm2022/lib/components/bmb-accordion/bmb-accordion.component.mjs +0 -159
- package/esm2022/lib/components/bmb-account-statement/bmb-account-statement.component.mjs +0 -172
- package/esm2022/lib/components/bmb-action-icon/bmb-action-icon.component.mjs +0 -49
- package/esm2022/lib/components/bmb-action-menu/bmb-action-menu.component.mjs +0 -31
- package/esm2022/lib/components/bmb-advertisement-card/bmb-advertisement-card.component.mjs +0 -35
- package/esm2022/lib/components/bmb-advertisement-card/types.mjs +0 -2
- package/esm2022/lib/components/bmb-alert-center/bmb-alert-center-ads/bmb-alert-center-ads.component.mjs +0 -40
- package/esm2022/lib/components/bmb-alert-center/bmb-alert-center-empty/bmb-alert-center-empty.component.mjs +0 -18
- package/esm2022/lib/components/bmb-alert-center/bmb-alert-center-form/bmb-alert-center-form.component.mjs +0 -148
- package/esm2022/lib/components/bmb-alert-center/bmb-alert-center-list/bmb-alert-center-list.component.mjs +0 -52
- package/esm2022/lib/components/bmb-alert-center/bmb-alert-center.component.mjs +0 -203
- package/esm2022/lib/components/bmb-alert-center/bmb-alert-center.service.mjs +0 -62
- package/esm2022/lib/components/bmb-alert-center/types.mjs +0 -2
- package/esm2022/lib/components/bmb-badge/bmb-badge.component.mjs +0 -26
- package/esm2022/lib/components/bmb-balance-overview/bmb-balance-overview.component.mjs +0 -26
- package/esm2022/lib/components/bmb-bookmark/bmb-bookmark.component.mjs +0 -27
- package/esm2022/lib/components/bmb-bottom-navigation-bar/bmb-bottom-navigation-bar.component.mjs +0 -42
- package/esm2022/lib/components/bmb-breadcrumb/bmb-breadcrumb.component.mjs +0 -55
- package/esm2022/lib/components/bmb-button-icon/bmb-button-icon.component.mjs +0 -30
- package/esm2022/lib/components/bmb-calendar/bmb-calendar.component.mjs +0 -285
- package/esm2022/lib/components/bmb-calendar/common/bmb-calendar-header/bmb-calendar-header.component.mjs +0 -95
- package/esm2022/lib/components/bmb-calendar/common/bmb-calendar-hour-view/bmb-calendar-hour-view.component.mjs +0 -40
- package/esm2022/lib/components/bmb-calendar/common/bmb-calendar-schedule-cards/bmb-calendar-schedule-cards.component.mjs +0 -68
- package/esm2022/lib/components/bmb-calendar/common/bmb-calendar-template-day/bmb-calendar-template-day.component.mjs +0 -41
- package/esm2022/lib/components/bmb-calendar/common/bmb-calendar-template-mobile/bmb-calendar-template-mobile.component.mjs +0 -95
- package/esm2022/lib/components/bmb-calendar/common/bmb-calendar-template-month/bmb-calendar-template-month.component.mjs +0 -45
- package/esm2022/lib/components/bmb-calendar/common/bmb-calendar-template-week/bmb-calendar-template-week.component.mjs +0 -54
- package/esm2022/lib/components/bmb-calendar/common/bmb-calendar-time-indicator/bmb-calendar-time-indicator.component.mjs +0 -24
- package/esm2022/lib/components/bmb-calendar/types.mjs +0 -2
- package/esm2022/lib/components/bmb-calendar/utils.mjs +0 -96
- package/esm2022/lib/components/bmb-card/bmb-card.component.mjs +0 -159
- package/esm2022/lib/components/bmb-card-button/bmb-card-button.component.mjs +0 -76
- package/esm2022/lib/components/bmb-carousel/bmb-carousel.component.mjs +0 -80
- package/esm2022/lib/components/bmb-chat-bar/bmb-chat-bar.component.mjs +0 -199
- package/esm2022/lib/components/bmb-chat-bar/bot_list.mjs +0 -57
- package/esm2022/lib/components/bmb-chat-bar/types.mjs +0 -2
- package/esm2022/lib/components/bmb-chat-bubbles/bmb-chat-bubbles.component.mjs +0 -56
- package/esm2022/lib/components/bmb-chat-bubbles/types.mjs +0 -2
- package/esm2022/lib/components/bmb-check-external-link-button/bmb-check-external-link-button.component.mjs +0 -46
- package/esm2022/lib/components/bmb-checkbox/bmb-checkbox.component.mjs +0 -80
- package/esm2022/lib/components/bmb-chevron-title-selector/bmb-chevron-title-selector.component.mjs +0 -36
- package/esm2022/lib/components/bmb-container/bmb-container.component.mjs +0 -27
- package/esm2022/lib/components/bmb-container-button/bmb-container-button.component.mjs +0 -96
- package/esm2022/lib/components/bmb-date-range/bmb-date-range.component.mjs +0 -69
- package/esm2022/lib/components/bmb-datepicker/bmb-datepicker-modal/bmb-datepicker-modal.component.mjs +0 -206
- package/esm2022/lib/components/bmb-datepicker/bmb-datepicker.component.mjs +0 -144
- package/esm2022/lib/components/bmb-digital-id/bmb-digital-id.component.mjs +0 -54
- package/esm2022/lib/components/bmb-divider/bmb-divider.component.mjs +0 -25
- package/esm2022/lib/components/bmb-dot-paginator/bmb-dot-paginator.component.mjs +0 -34
- package/esm2022/lib/components/bmb-drawer-overlay/bmb-drawer-overlay.component.mjs +0 -65
- package/esm2022/lib/components/bmb-dropdown/bmb-dropdown.component.mjs +0 -177
- package/esm2022/lib/components/bmb-dropdown-menu/bmb-dropdown-menu.component.mjs +0 -31
- package/esm2022/lib/components/bmb-dropzone/bmb-dropzone.component.mjs +0 -175
- package/esm2022/lib/components/bmb-evaluation-rubric/bmb-evaluation-rubric.component.mjs +0 -76
- package/esm2022/lib/components/bmb-external-link/bmb-external-link.component.mjs +0 -80
- package/esm2022/lib/components/bmb-fab/bmb-fab-.interface.mjs +0 -9
- package/esm2022/lib/components/bmb-fab/bmb-fab.component.mjs +0 -37
- package/esm2022/lib/components/bmb-filter-card/bmb-filter-card.component.mjs +0 -166
- package/esm2022/lib/components/bmb-filter-card/bmb-filter-card.interface.mjs +0 -2
- package/esm2022/lib/components/bmb-focus-element/bmb-focus-element.component.mjs +0 -36
- package/esm2022/lib/components/bmb-form-validator/bmb-form-validator.component.mjs +0 -159
- package/esm2022/lib/components/bmb-frequent-apps-selector/bmb-frequent-apps-selector.component.mjs +0 -29
- package/esm2022/lib/components/bmb-grade-value/bmb-grade-value.component.mjs +0 -22
- package/esm2022/lib/components/bmb-grades/bmb-grades.component.mjs +0 -178
- package/esm2022/lib/components/bmb-grades/types.mjs +0 -2
- package/esm2022/lib/components/bmb-header-mitec/bmb-header-mitec.component.mjs +0 -55
- package/esm2022/lib/components/bmb-header-mobile/bmb-header-mobile.component.mjs +0 -49
- package/esm2022/lib/components/bmb-hito-card/bmb-hito-card.component.mjs +0 -86
- package/esm2022/lib/components/bmb-hito-list/bmb-hito-list.component.mjs +0 -59
- package/esm2022/lib/components/bmb-home-card/bmb-home-card-header/bmb-home-card-header.component.mjs +0 -76
- package/esm2022/lib/components/bmb-home-card/bmb-home-card.component.mjs +0 -41
- package/esm2022/lib/components/bmb-home-card-chat/bmb-home-card-chat.component.mjs +0 -39
- package/esm2022/lib/components/bmb-home-section/bmb-home-section.component.mjs +0 -20
- package/esm2022/lib/components/bmb-icon/bmb-icon.component.mjs +0 -50
- package/esm2022/lib/components/bmb-icon/types.mjs +0 -2
- package/esm2022/lib/components/bmb-icon-item/bmb-icon-item.component.mjs +0 -23
- package/esm2022/lib/components/bmb-icon-status/bmb-icon-status.component.mjs +0 -24
- package/esm2022/lib/components/bmb-iframe/bmb-iframe.component.mjs +0 -19
- package/esm2022/lib/components/bmb-iframe/bmb-iframe.pipe.mjs +0 -21
- package/esm2022/lib/components/bmb-image/bmb-image.component.mjs +0 -33
- package/esm2022/lib/components/bmb-inner-header/bmb-inner-header.component.mjs +0 -77
- package/esm2022/lib/components/bmb-input/bmb-input-content/bmb-input-content.component.mjs +0 -146
- package/esm2022/lib/components/bmb-input/bmb-input-validator/bmb-input-validator.component.mjs +0 -178
- package/esm2022/lib/components/bmb-input/bmb-input.component.mjs +0 -85
- package/esm2022/lib/components/bmb-input-phone-number/bmb-input-phone-number.component.mjs +0 -219
- package/esm2022/lib/components/bmb-input-tags/bmb-input-tags.component.mjs +0 -191
- package/esm2022/lib/components/bmb-interactive-icon/bmb-interactive-icon.component.mjs +0 -54
- package/esm2022/lib/components/bmb-invoice/bmb-invoice.component.mjs +0 -34
- package/esm2022/lib/components/bmb-item/bmb-item.component.mjs +0 -28
- package/esm2022/lib/components/bmb-legend/bmb-legend.component.mjs +0 -23
- package/esm2022/lib/components/bmb-list-group/bmb-list-group-item/bmb-list-group-item.component.mjs +0 -83
- package/esm2022/lib/components/bmb-list-group/bmb-list-group.component.mjs +0 -60
- package/esm2022/lib/components/bmb-list-group/bmb-list-group.service.mjs +0 -55
- package/esm2022/lib/components/bmb-list-group/types.mjs +0 -2
- package/esm2022/lib/components/bmb-list-items/bmb-list-items.component.mjs +0 -83
- package/esm2022/lib/components/bmb-loader/bmb-loader.component.mjs +0 -77
- package/esm2022/lib/components/bmb-login/bmb-login-content/bmb-login-content.component.mjs +0 -55
- package/esm2022/lib/components/bmb-login/bmb-login.component.mjs +0 -66
- package/esm2022/lib/components/bmb-login-onboarding/bmb-login-onboarding-logged/bmb-login-onboarding-logged.component.mjs +0 -40
- package/esm2022/lib/components/bmb-login-onboarding/bmb-login-onboarding-login/bmb-login-onboarding-login.component.mjs +0 -20
- package/esm2022/lib/components/bmb-login-onboarding/bmb-login-onboarding-logout/bmb-login-onboarding-logout.component.mjs +0 -33
- package/esm2022/lib/components/bmb-login-onboarding/bmb-login-onboarding-stepper/bmb-login-onboarding-stepper-steps/bmb-login-onboarding-stepper-step-four.component.mjs +0 -91
- package/esm2022/lib/components/bmb-login-onboarding/bmb-login-onboarding-stepper/bmb-login-onboarding-stepper-steps/bmb-login-onboarding-stepper-step-one.component.mjs +0 -88
- package/esm2022/lib/components/bmb-login-onboarding/bmb-login-onboarding-stepper/bmb-login-onboarding-stepper-steps/bmb-login-onboarding-stepper-step-three.component.mjs +0 -57
- package/esm2022/lib/components/bmb-login-onboarding/bmb-login-onboarding-stepper/bmb-login-onboarding-stepper-steps/bmb-login-onboarding-stepper-step-two.component.mjs +0 -99
- package/esm2022/lib/components/bmb-login-onboarding/bmb-login-onboarding-stepper/bmb-login-onboarding-stepper-steps/bmb-login-onboarding-stepper-step.component.mjs +0 -39
- package/esm2022/lib/components/bmb-login-onboarding/bmb-login-onboarding-stepper/bmb-login-onboarding-stepper.component.mjs +0 -44
- package/esm2022/lib/components/bmb-login-onboarding/bmb-login-onboarding.component.mjs +0 -52
- package/esm2022/lib/components/bmb-login-onboarding/bmb-login-onboarding.service.mjs +0 -70
- package/esm2022/lib/components/bmb-login-onboarding/types.mjs +0 -2
- package/esm2022/lib/components/bmb-logo/bmb-logo.component.mjs +0 -43
- package/esm2022/lib/components/bmb-media-card/bmb-media-card.component.mjs +0 -64
- package/esm2022/lib/components/bmb-mitec-logo-animation/bmb-mitec-logo-animation.component.mjs +0 -14
- package/esm2022/lib/components/bmb-mobile-templates/bmb-mobile-templates.component.mjs +0 -88
- package/esm2022/lib/components/bmb-modal/bmb-modal.component.mjs +0 -139
- package/esm2022/lib/components/bmb-modal/bmb-modal.interface.mjs +0 -2
- package/esm2022/lib/components/bmb-modal/bmb-native-modal.component.mjs +0 -121
- package/esm2022/lib/components/bmb-multi-dot-paginator/bmb-multi-dot-paginator-item/bmb-multi-dot-paginator-item.component.mjs +0 -15
- package/esm2022/lib/components/bmb-multi-dot-paginator/bmb-multi-dot-paginator.component.mjs +0 -59
- package/esm2022/lib/components/bmb-navigation-bar/bmb-navigation-bar.component.mjs +0 -30
- package/esm2022/lib/components/bmb-notice-card/bmb-notice-card.component.mjs +0 -43
- package/esm2022/lib/components/bmb-notification-card/bmb-notification-card.component.mjs +0 -86
- package/esm2022/lib/components/bmb-notification-counter/bmb-notification-counter.component.mjs +0 -23
- package/esm2022/lib/components/bmb-overlay/bmb-overlay.component.mjs +0 -22
- package/esm2022/lib/components/bmb-paginator/bmb-paginator.component.mjs +0 -52
- package/esm2022/lib/components/bmb-portal/bmb-portal.component.mjs +0 -58
- package/esm2022/lib/components/bmb-portal/bmb-projected-content/bmb-projected-content.component.mjs +0 -120
- package/esm2022/lib/components/bmb-profile/bmb-profile.component.mjs +0 -153
- package/esm2022/lib/components/bmb-progress-bar/bmb-progress-bar.component.mjs +0 -39
- package/esm2022/lib/components/bmb-progress-cirlce/bmb-progress-circle.component.mjs +0 -196
- package/esm2022/lib/components/bmb-progress-cirlce/bmb-progress-circle.interface.mjs +0 -2
- package/esm2022/lib/components/bmb-pull-wedge/bmb-pull-wedge.component.mjs +0 -88
- package/esm2022/lib/components/bmb-push-notification/bmb-push-notification-item/bmb-push-notification-item.component.mjs +0 -75
- package/esm2022/lib/components/bmb-push-notification/bmb-push-notification.component.mjs +0 -24
- package/esm2022/lib/components/bmb-push-notification/types.mjs +0 -2
- package/esm2022/lib/components/bmb-radial/bmb-radial.component.mjs +0 -78
- package/esm2022/lib/components/bmb-search-input/bmb-search-input.component.mjs +0 -122
- package/esm2022/lib/components/bmb-server-table/bmb-server-table.component.mjs +0 -82
- package/esm2022/lib/components/bmb-sidebar/bmb-sidebar.component.mjs +0 -97
- package/esm2022/lib/components/bmb-sidebar/bmb-sidebar.interface.mjs +0 -2
- package/esm2022/lib/components/bmb-simple-header/bmb-simple-header.component.mjs +0 -64
- package/esm2022/lib/components/bmb-skeleton/bmb-skeleton.component.mjs +0 -16
- package/esm2022/lib/components/bmb-sounds-card/bmb-sounds-card.component.mjs +0 -64
- package/esm2022/lib/components/bmb-stat-counter/bmb-stat-counter.component.mjs +0 -32
- package/esm2022/lib/components/bmb-step-progress-bar/bmb-step-progress-bar.component.mjs +0 -55
- package/esm2022/lib/components/bmb-student-activity-card/bmb-student-activity-card.component.mjs +0 -53
- package/esm2022/lib/components/bmb-student-activity-selector/bmb-student-activity-tab/bmb-student-activity-tab.component.mjs +0 -27
- package/esm2022/lib/components/bmb-switch/bmb-switch.component.mjs +0 -88
- package/esm2022/lib/components/bmb-tables/bmb-tables.component.mjs +0 -541
- package/esm2022/lib/components/bmb-tables/bmb-tables.interface.mjs +0 -2
- package/esm2022/lib/components/bmb-tabs/bmb-tabs.component.mjs +0 -132
- package/esm2022/lib/components/bmb-tags/bmb-tags.component.mjs +0 -65
- package/esm2022/lib/components/bmb-text-editor/bmb-text-editor.component.mjs +0 -135
- package/esm2022/lib/components/bmb-text-link/bmb-text-link.component.mjs +0 -43
- package/esm2022/lib/components/bmb-theme/bmb-theme.component.mjs +0 -65
- package/esm2022/lib/components/bmb-three-cols/bmb-three-cols.component.mjs +0 -30
- package/esm2022/lib/components/bmb-timestream/bmb-timestream-detail/bmb-timestream-detail.component.mjs +0 -74
- package/esm2022/lib/components/bmb-timestream/bmb-timestream-error/bmb-timestream-error.component.mjs +0 -13
- package/esm2022/lib/components/bmb-timestream/bmb-timestream.component.mjs +0 -236
- package/esm2022/lib/components/bmb-timestream/types.mjs +0 -2
- package/esm2022/lib/components/bmb-timestream-card/bmb-timestream-card.component.mjs +0 -139
- package/esm2022/lib/components/bmb-title-content/bmb-title-content.component.mjs +0 -61
- package/esm2022/lib/components/bmb-toast/bmb-toast.component.mjs +0 -47
- package/esm2022/lib/components/bmb-tooltip/bmb-tooltip.component.mjs +0 -26
- package/esm2022/lib/components/bmb-top-bar/bmb-top-bar-item/bmb-top-bar-item.component.mjs +0 -31
- package/esm2022/lib/components/bmb-top-bar/bmb-top-bar-user-section/bmb-top-bar-user-section.component.mjs +0 -94
- package/esm2022/lib/components/bmb-top-bar/bmb-top-bar.component.mjs +0 -86
- package/esm2022/lib/components/bmb-top-bar/types.mjs +0 -2
- package/esm2022/lib/components/bmb-totp/bmb-totp.component.mjs +0 -139
- package/esm2022/lib/components/bmb-user-image/bmb-user-image.component.mjs +0 -44
- package/esm2022/lib/components/bmb-user-profile/bmb-user-profile-content/bmb-user-profile-content.component.mjs +0 -19
- package/esm2022/lib/components/bmb-user-profile/bmb-user-profile.component.mjs +0 -71
- package/esm2022/lib/components/bmb-user-summary/bmb-user-summary-content/bmb-user-summary-content.component.mjs +0 -61
- package/esm2022/lib/components/bmb-user-summary/bmb-user-summary.component.mjs +0 -28
- package/esm2022/lib/components/bmb-value-counter/bmb-value-counter.component.mjs +0 -23
- package/esm2022/lib/components/bmb-web-templates/bmb-web-templates.component.mjs +0 -85
- package/esm2022/lib/components/bmb-wheel-menu/bmb-wheel-menu.component.mjs +0 -128
- package/esm2022/lib/components/utils/bmb-dropdown-content/bmb-dropdown-content.component.mjs +0 -51
- package/esm2022/lib/directives/bmb-accordion/bmb-accordion-control.directive.mjs +0 -88
- package/esm2022/lib/directives/bmb-button/button.directive.mjs +0 -84
- package/esm2022/lib/directives/bmb-button-group/bmb-button-group.directive.mjs +0 -29
- package/esm2022/lib/directives/bmb-layout/bmb-layout-item.directive.mjs +0 -51
- package/esm2022/lib/directives/bmb-layout/bmb-layout.directive.mjs +0 -36
- package/esm2022/lib/directives/bmb-layout/bmb-vertical-layout/bmb-vertical-layout-item.directive.mjs +0 -34
- package/esm2022/lib/directives/bmb-layout/bmb-vertical-layout/bmb-vertical-layout.directive.mjs +0 -37
- package/esm2022/lib/directives/bmb-layout-grid/bmb-layout-grid.directive.mjs +0 -89
- package/esm2022/lib/directives/utils/clickoutside.directive.mjs +0 -41
- package/esm2022/lib/ds-ng.component.mjs +0 -11
- package/esm2022/lib/ds-ng.service.mjs +0 -14
- package/esm2022/lib/services/calendar.service.mjs +0 -51
- package/esm2022/lib/services/index.mjs +0 -3
- package/esm2022/lib/services/native-modal.service.mjs +0 -60
- package/esm2022/lib/services/notification.service.mjs +0 -84
- package/esm2022/lib/services/projection.service.mjs +0 -49
- package/esm2022/lib/services/tabs.service.mjs +0 -30
- package/esm2022/lib/services/theme.service.mjs +0 -30
- package/esm2022/lib/services/toast.service.mjs +0 -24
- package/esm2022/lib/services/user/profile.service.mjs +0 -26
- package/esm2022/lib/types/colors.mjs +0 -2
- package/esm2022/lib/types/index.mjs +0 -11
- package/esm2022/lib/utils/countryCodes.mjs +0 -1089
- package/esm2022/lib/utils/currencyFormat.mjs +0 -7
- package/esm2022/lib/utils/dropdown.mjs +0 -85
- package/esm2022/lib/utils/formControl.mjs +0 -25
- package/esm2022/lib/utils/timestreamFilters.mjs +0 -32
- package/esm2022/lib/utils/utils.mjs +0 -71
- package/esm2022/public-api.mjs +0 -152
- package/esm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs +0 -5
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { ChangeDetectionStrategy, Component, ElementRef, input, output, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
3
|
-
import { BmbMediaCardComponent } from '../bmb-media-card/bmb-media-card.component';
|
|
4
|
-
import { BmbIconComponent } from '../bmb-icon/bmb-icon.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/common";
|
|
7
|
-
export class BmbSoundsCardComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.title = input('');
|
|
10
|
-
this.subtitle = input('');
|
|
11
|
-
this.width = input('250px');
|
|
12
|
-
this.ratio = input('8/9');
|
|
13
|
-
this.handlevolume = output();
|
|
14
|
-
this.handlePlay = output();
|
|
15
|
-
this.handleMute = output();
|
|
16
|
-
this.isPlaying = false;
|
|
17
|
-
this.isMuted = false;
|
|
18
|
-
this.internalVolume = 50;
|
|
19
|
-
this.saveVolume = 0;
|
|
20
|
-
this.trackInput = null;
|
|
21
|
-
this.percentage = 0;
|
|
22
|
-
}
|
|
23
|
-
ngAfterViewInit() {
|
|
24
|
-
this.trackInput = this.rangeVolume?.nativeElement;
|
|
25
|
-
this.percentage = this.internalVolume / 100;
|
|
26
|
-
this.trackInput.style.background = `linear-gradient(to right, RGBA(var( --color-mariner-700)) ${this.percentage * 100}%, RGBA(var(--color-charade-50)) ${this.percentage * 100}%)`;
|
|
27
|
-
}
|
|
28
|
-
onVolumeChange(event) {
|
|
29
|
-
const inputElement = event.target;
|
|
30
|
-
this.internalVolume = +inputElement.value;
|
|
31
|
-
this.percentage = this.internalVolume / 100;
|
|
32
|
-
this.trackInput.style.background = `linear-gradient(to right, RGBA(var(--color-mariner-700)) ${this.percentage * 100}%, RGBA(var(--color-charade-50)) ${this.percentage * 100}%)`;
|
|
33
|
-
this.handlevolume.emit(this.internalVolume);
|
|
34
|
-
}
|
|
35
|
-
handlePlayPause() {
|
|
36
|
-
this.isPlaying = !this.isPlaying;
|
|
37
|
-
this.handlePlay.emit(this.isPlaying);
|
|
38
|
-
}
|
|
39
|
-
handleMuteVolume() {
|
|
40
|
-
this.isMuted = !this.isMuted;
|
|
41
|
-
if (this.isMuted) {
|
|
42
|
-
this.saveVolume = this.internalVolume;
|
|
43
|
-
this.internalVolume = 0;
|
|
44
|
-
this.percentage = this.internalVolume / 100;
|
|
45
|
-
this.trackInput.style.background = `linear-gradient(to right, RGBA(var(--color-mariner-700)) ${this.percentage * 100}%, RGBA(var(--color-charade-50)) ${this.percentage * 100}%)`;
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
this.internalVolume = this.saveVolume;
|
|
49
|
-
this.percentage = this.internalVolume / 100;
|
|
50
|
-
this.trackInput.style.background = `linear-gradient(to right, RGBA(var(--color-mariner-700)) ${this.percentage * 100}%, RGBA(var(--color-charade-50)) ${this.percentage * 100}%)`;
|
|
51
|
-
}
|
|
52
|
-
this.handleMute.emit(this.isMuted);
|
|
53
|
-
}
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbSoundsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: BmbSoundsCardComponent, isStandalone: true, selector: "bmb-sounds-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handlevolume: "handlevolume", handlePlay: "handlePlay", handleMute: "handleMute" }, viewQueries: [{ propertyName: "rangeVolume", first: true, predicate: ["rangeVolume"], descendants: true, read: ElementRef }], ngImport: i0, template: "<section class=\"bmb_sounds-card\">\n <bmb-media-card\n [bgColor]=\"'--color-mariner-950'\"\n [alt]=\"'Alt'\"\n [width]=\"width()\"\n [ratio]=\"ratio()\"\n [borderRadius]=\"'m'\"\n [type]=\"'inline'\"\n [fullmediaCard]=\"true\"\n [boxShadow]=\"true\"\n >\n <section class=\"bmb_sounds-card-content\">\n <div class=\"bmb_sounds-card-content-icon\">\n <button\n class=\"bmb_sounds-card-content-icon-btn\"\n [ngClass]=\"{ 'bmb_sounds-card-content-icon-btn-playing': isPlaying }\"\n (click)=\"this.handlePlayPause()\"\n >\n <bmb-icon\n class=\"bmb_sounds-card-content-icon-btn-icon\"\n [ngClass]=\"{\n 'bmb_sounds-card-content-icon-btn-icon-playing': isPlaying\n }\"\n [icon]=\"isPlaying ? 'pause_circle' : 'play_circle'\"\n [isFill]=\"true\"\n [size]=\"100\"\n />\n </button>\n </div>\n <div class=\"bmb_sounds-card-info\">\n <div class=\"bmb_sounds-card-info-title\">\n <span class=\"bmb_sounds-card-info-title-text\">{{ title() }}</span>\n </div>\n <div class=\"bmb_sounds-card-info-subtitle\">\n <span class=\"bmb_sounds-card-info-subtitle-text\">{{\n subtitle()\n }}</span>\n </div>\n <div class=\"bmb_sounds-card-info-volume\">\n <button\n class=\"bmb_sounds-card-info-volume-btn\"\n (click)=\"this.handleMuteVolume()\"\n >\n <bmb-icon\n [icon]=\"isMuted ? 'volume_off' : 'volume_up'\"\n [size]=\"28\"\n />\n </button>\n <input\n #rangeVolume\n class=\"bmb_sounds-card-info-volume-range\"\n type=\"range\"\n min=\"0\"\n max=\"100\"\n [value]=\"internalVolume\"\n (input)=\"onVolumeChange($event)\"\n />\n </div>\n </div>\n </section>\n </bmb-media-card>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_sounds-card-active{background-color:RGBA(var(--color-mariner-700))}.bmb_sounds-card-content{height:100%}.bmb_sounds-card-content-icon{display:flex;height:60%;justify-content:center;align-items:flex-end;margin-bottom:.9375rem}.bmb_sounds-card-content-icon-btn{width:5rem;height:5rem;border-radius:50%;padding:0;margin:0}.bmb_sounds-card-content-icon-btn:hover,.bmb_sounds-card-content-icon-btn-playing{background-color:RGBA(var(--color-charade-50))}.bmb_sounds-card-content-icon-btn-icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);color:RGBA(var(--color-charade-50))}.bmb_sounds-card-content-icon-btn-icon:hover{color:RGBA(var(--color-mariner-700))}.bmb_sounds-card-content-icon-btn-icon-playing{color:RGBA(var(--color-mariner-500))}.bmb_sounds-card-info{display:flex;flex-direction:column;justify-content:flex-end;height:40%;gap:.25rem}.bmb_sounds-card-info-title-text{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.bmb_sounds-card-info-subtitle-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;color:RGBA(var(--color-charade-200))}.bmb_sounds-card-info-volume{display:flex;align-items:center}.bmb_sounds-card-info-volume-btn{margin-top:.3125rem}.bmb_sounds-card-info-volume-btn bmb-icon{color:RGBA(var(--color-mariner-50))}.bmb_sounds-card-info-volume-range{appearance:none;width:100%;margin:.625rem 0;height:.5rem;background-color:RGBA(var(--color-mariner-50));border-radius:.3125rem}.bmb_sounds-card-info-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;border-radius:50%;background-color:RGBA(var(--color-charade-950));cursor:pointer}.bmb_sounds-card-info-volume-range:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbMediaCardComponent, selector: "bmb-media-card", inputs: ["link", "target", "src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop", "type", "title", "subtitle", "content", "date", "userName", "userImage", "fullmediaCard", "bgColor", "boxShadow"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
56
|
-
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbSoundsCardComponent, decorators: [{
|
|
58
|
-
type: Component,
|
|
59
|
-
args: [{ selector: 'bmb-sounds-card', standalone: true, imports: [CommonModule, BmbMediaCardComponent, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_sounds-card\">\n <bmb-media-card\n [bgColor]=\"'--color-mariner-950'\"\n [alt]=\"'Alt'\"\n [width]=\"width()\"\n [ratio]=\"ratio()\"\n [borderRadius]=\"'m'\"\n [type]=\"'inline'\"\n [fullmediaCard]=\"true\"\n [boxShadow]=\"true\"\n >\n <section class=\"bmb_sounds-card-content\">\n <div class=\"bmb_sounds-card-content-icon\">\n <button\n class=\"bmb_sounds-card-content-icon-btn\"\n [ngClass]=\"{ 'bmb_sounds-card-content-icon-btn-playing': isPlaying }\"\n (click)=\"this.handlePlayPause()\"\n >\n <bmb-icon\n class=\"bmb_sounds-card-content-icon-btn-icon\"\n [ngClass]=\"{\n 'bmb_sounds-card-content-icon-btn-icon-playing': isPlaying\n }\"\n [icon]=\"isPlaying ? 'pause_circle' : 'play_circle'\"\n [isFill]=\"true\"\n [size]=\"100\"\n />\n </button>\n </div>\n <div class=\"bmb_sounds-card-info\">\n <div class=\"bmb_sounds-card-info-title\">\n <span class=\"bmb_sounds-card-info-title-text\">{{ title() }}</span>\n </div>\n <div class=\"bmb_sounds-card-info-subtitle\">\n <span class=\"bmb_sounds-card-info-subtitle-text\">{{\n subtitle()\n }}</span>\n </div>\n <div class=\"bmb_sounds-card-info-volume\">\n <button\n class=\"bmb_sounds-card-info-volume-btn\"\n (click)=\"this.handleMuteVolume()\"\n >\n <bmb-icon\n [icon]=\"isMuted ? 'volume_off' : 'volume_up'\"\n [size]=\"28\"\n />\n </button>\n <input\n #rangeVolume\n class=\"bmb_sounds-card-info-volume-range\"\n type=\"range\"\n min=\"0\"\n max=\"100\"\n [value]=\"internalVolume\"\n (input)=\"onVolumeChange($event)\"\n />\n </div>\n </div>\n </section>\n </bmb-media-card>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_sounds-card-active{background-color:RGBA(var(--color-mariner-700))}.bmb_sounds-card-content{height:100%}.bmb_sounds-card-content-icon{display:flex;height:60%;justify-content:center;align-items:flex-end;margin-bottom:.9375rem}.bmb_sounds-card-content-icon-btn{width:5rem;height:5rem;border-radius:50%;padding:0;margin:0}.bmb_sounds-card-content-icon-btn:hover,.bmb_sounds-card-content-icon-btn-playing{background-color:RGBA(var(--color-charade-50))}.bmb_sounds-card-content-icon-btn-icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);color:RGBA(var(--color-charade-50))}.bmb_sounds-card-content-icon-btn-icon:hover{color:RGBA(var(--color-mariner-700))}.bmb_sounds-card-content-icon-btn-icon-playing{color:RGBA(var(--color-mariner-500))}.bmb_sounds-card-info{display:flex;flex-direction:column;justify-content:flex-end;height:40%;gap:.25rem}.bmb_sounds-card-info-title-text{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.bmb_sounds-card-info-subtitle-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;color:RGBA(var(--color-charade-200))}.bmb_sounds-card-info-volume{display:flex;align-items:center}.bmb_sounds-card-info-volume-btn{margin-top:.3125rem}.bmb_sounds-card-info-volume-btn bmb-icon{color:RGBA(var(--color-mariner-50))}.bmb_sounds-card-info-volume-range{appearance:none;width:100%;margin:.625rem 0;height:.5rem;background-color:RGBA(var(--color-mariner-50));border-radius:.3125rem}.bmb_sounds-card-info-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;border-radius:50%;background-color:RGBA(var(--color-charade-950));cursor:pointer}.bmb_sounds-card-info-volume-range:focus{outline:none}\n"] }]
|
|
60
|
-
}], propDecorators: { rangeVolume: [{
|
|
61
|
-
type: ViewChild,
|
|
62
|
-
args: ['rangeVolume', { read: ElementRef }]
|
|
63
|
-
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXNvdW5kcy1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc291bmRzLWNhcmQvYm1iLXNvdW5kcy1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc291bmRzLWNhcmQvYm1iLXNvdW5kcy1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUVMLE1BQU0sRUFFTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7QUFXbEUsTUFBTSxPQUFPLHNCQUFzQjtJQVRuQztRQVVFLFVBQUssR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDMUIsYUFBUSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUM3QixVQUFLLEdBQUcsS0FBSyxDQUFTLE9BQU8sQ0FBQyxDQUFDO1FBQy9CLFVBQUssR0FBRyxLQUFLLENBQVMsS0FBSyxDQUFDLENBQUM7UUFFN0IsaUJBQVksR0FBRyxNQUFNLEVBQVUsQ0FBQztRQUNoQyxlQUFVLEdBQUcsTUFBTSxFQUFXLENBQUM7UUFDL0IsZUFBVSxHQUFHLE1BQU0sRUFBVyxDQUFDO1FBRS9CLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0IsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixtQkFBYyxHQUFXLEVBQUUsQ0FBQztRQUM1QixlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLGVBQVUsR0FBNEIsSUFBSSxDQUFDO1FBQzNDLGVBQVUsR0FBVyxDQUFDLENBQUM7S0FzQ3hCO0lBakNDLGVBQWU7UUFDYixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsYUFBYSxDQUFDO1FBQ2xELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxHQUFHLENBQUM7UUFDNUMsSUFBSSxDQUFDLFVBQVcsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLDZEQUE2RCxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsb0NBQW9DLElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxJQUFJLENBQUM7SUFDdEwsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFZO1FBQ3pCLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQ3RELElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDO1FBQzFDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxHQUFHLENBQUM7UUFDNUMsSUFBSSxDQUFDLFVBQVcsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLDREQUE0RCxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsb0NBQW9DLElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxJQUFJLENBQUM7UUFDbkwsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDakMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUM3QixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNqQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUM7WUFDdEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLENBQUM7WUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsY0FBYyxHQUFHLEdBQUcsQ0FBQztZQUM1QyxJQUFJLENBQUMsVUFBVyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsNERBQTRELElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxvQ0FBb0MsSUFBSSxDQUFDLFVBQVUsR0FBRyxHQUFHLElBQUksQ0FBQztRQUNyTCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUN0QyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxjQUFjLEdBQUcsR0FBRyxDQUFDO1lBQzVDLElBQUksQ0FBQyxVQUFXLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyw0REFBNEQsSUFBSSxDQUFDLFVBQVUsR0FBRyxHQUFHLG9DQUFvQyxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsSUFBSSxDQUFDO1FBQ3JMLENBQUM7UUFDRCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDckMsQ0FBQzsrR0FwRFUsc0JBQXNCO21HQUF0QixzQkFBc0Isc3ZCQWlCQyxVQUFVLDZCQzFDOUMseS9EQThEQSxna1BEM0NZLFlBQVksNkhBQUUscUJBQXFCLG9UQUFFLGdCQUFnQjs7NEZBTXBELHNCQUFzQjtrQkFUbEMsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUscUJBQXFCLEVBQUUsZ0JBQWdCLENBQUMsbUJBRy9DLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7OEJBb0JyQyxXQUFXO3NCQURWLFNBQVM7dUJBQUMsYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBpbnB1dCxcbiAgT25Jbml0LFxuICBvdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJtYk1lZGlhQ2FyZENvbXBvbmVudCB9IGZyb20gJy4uL2JtYi1tZWRpYS1jYXJkL2JtYi1tZWRpYS1jYXJkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCbWJJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vYm1iLWljb24vYm1iLWljb24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYm1iLXNvdW5kcy1jYXJkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQm1iTWVkaWFDYXJkQ29tcG9uZW50LCBCbWJJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi1zb3VuZHMtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9ibWItc291bmRzLWNhcmQuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQm1iU291bmRzQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICB0aXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xuICBzdWJ0aXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xuICB3aWR0aCA9IGlucHV0PHN0cmluZz4oJzI1MHB4Jyk7XG4gIHJhdGlvID0gaW5wdXQ8c3RyaW5nPignOC85Jyk7XG5cbiAgaGFuZGxldm9sdW1lID0gb3V0cHV0PG51bWJlcj4oKTtcbiAgaGFuZGxlUGxheSA9IG91dHB1dDxib29sZWFuPigpO1xuICBoYW5kbGVNdXRlID0gb3V0cHV0PGJvb2xlYW4+KCk7XG5cbiAgaXNQbGF5aW5nOiBib29sZWFuID0gZmFsc2U7XG4gIGlzTXV0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaW50ZXJuYWxWb2x1bWU6IG51bWJlciA9IDUwO1xuICBzYXZlVm9sdW1lOiBudW1iZXIgPSAwO1xuICB0cmFja0lucHV0OiBIVE1MSW5wdXRFbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gIHBlcmNlbnRhZ2U6IG51bWJlciA9IDA7XG5cbiAgQFZpZXdDaGlsZCgncmFuZ2VWb2x1bWUnLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSlcbiAgcmFuZ2VWb2x1bWU/OiBFbGVtZW50UmVmPGFueT47XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMudHJhY2tJbnB1dCA9IHRoaXMucmFuZ2VWb2x1bWU/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgdGhpcy5wZXJjZW50YWdlID0gdGhpcy5pbnRlcm5hbFZvbHVtZSAvIDEwMDtcbiAgICB0aGlzLnRyYWNrSW5wdXQhLnN0eWxlLmJhY2tncm91bmQgPSBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCBSR0JBKHZhciggLS1jb2xvci1tYXJpbmVyLTcwMCkpICR7dGhpcy5wZXJjZW50YWdlICogMTAwfSUsIFJHQkEodmFyKC0tY29sb3ItY2hhcmFkZS01MCkpICR7dGhpcy5wZXJjZW50YWdlICogMTAwfSUpYDtcbiAgfVxuXG4gIG9uVm9sdW1lQ2hhbmdlKGV2ZW50OiBFdmVudCkge1xuICAgIGNvbnN0IGlucHV0RWxlbWVudCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIHRoaXMuaW50ZXJuYWxWb2x1bWUgPSAraW5wdXRFbGVtZW50LnZhbHVlO1xuICAgIHRoaXMucGVyY2VudGFnZSA9IHRoaXMuaW50ZXJuYWxWb2x1bWUgLyAxMDA7XG4gICAgdGhpcy50cmFja0lucHV0IS5zdHlsZS5iYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgUkdCQSh2YXIoLS1jb2xvci1tYXJpbmVyLTcwMCkpICR7dGhpcy5wZXJjZW50YWdlICogMTAwfSUsIFJHQkEodmFyKC0tY29sb3ItY2hhcmFkZS01MCkpICR7dGhpcy5wZXJjZW50YWdlICogMTAwfSUpYDtcbiAgICB0aGlzLmhhbmRsZXZvbHVtZS5lbWl0KHRoaXMuaW50ZXJuYWxWb2x1bWUpO1xuICB9XG5cbiAgaGFuZGxlUGxheVBhdXNlKCkge1xuICAgIHRoaXMuaXNQbGF5aW5nID0gIXRoaXMuaXNQbGF5aW5nO1xuICAgIHRoaXMuaGFuZGxlUGxheS5lbWl0KHRoaXMuaXNQbGF5aW5nKTtcbiAgfVxuXG4gIGhhbmRsZU11dGVWb2x1bWUoKSB7XG4gICAgdGhpcy5pc011dGVkID0gIXRoaXMuaXNNdXRlZDtcbiAgICBpZiAodGhpcy5pc011dGVkKSB7XG4gICAgICB0aGlzLnNhdmVWb2x1bWUgPSB0aGlzLmludGVybmFsVm9sdW1lO1xuICAgICAgdGhpcy5pbnRlcm5hbFZvbHVtZSA9IDA7XG4gICAgICB0aGlzLnBlcmNlbnRhZ2UgPSB0aGlzLmludGVybmFsVm9sdW1lIC8gMTAwO1xuICAgICAgdGhpcy50cmFja0lucHV0IS5zdHlsZS5iYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgUkdCQSh2YXIoLS1jb2xvci1tYXJpbmVyLTcwMCkpICR7dGhpcy5wZXJjZW50YWdlICogMTAwfSUsIFJHQkEodmFyKC0tY29sb3ItY2hhcmFkZS01MCkpICR7dGhpcy5wZXJjZW50YWdlICogMTAwfSUpYDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbnRlcm5hbFZvbHVtZSA9IHRoaXMuc2F2ZVZvbHVtZTtcbiAgICAgIHRoaXMucGVyY2VudGFnZSA9IHRoaXMuaW50ZXJuYWxWb2x1bWUgLyAxMDA7XG4gICAgICB0aGlzLnRyYWNrSW5wdXQhLnN0eWxlLmJhY2tncm91bmQgPSBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCBSR0JBKHZhcigtLWNvbG9yLW1hcmluZXItNzAwKSkgJHt0aGlzLnBlcmNlbnRhZ2UgKiAxMDB9JSwgUkdCQSh2YXIoLS1jb2xvci1jaGFyYWRlLTUwKSkgJHt0aGlzLnBlcmNlbnRhZ2UgKiAxMDB9JSlgO1xuICAgIH1cbiAgICB0aGlzLmhhbmRsZU11dGUuZW1pdCh0aGlzLmlzTXV0ZWQpO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZFwiPlxuICA8Ym1iLW1lZGlhLWNhcmRcbiAgICBbYmdDb2xvcl09XCInLS1jb2xvci1tYXJpbmVyLTk1MCdcIlxuICAgIFthbHRdPVwiJ0FsdCdcIlxuICAgIFt3aWR0aF09XCJ3aWR0aCgpXCJcbiAgICBbcmF0aW9dPVwicmF0aW8oKVwiXG4gICAgW2JvcmRlclJhZGl1c109XCInbSdcIlxuICAgIFt0eXBlXT1cIidpbmxpbmUnXCJcbiAgICBbZnVsbG1lZGlhQ2FyZF09XCJ0cnVlXCJcbiAgICBbYm94U2hhZG93XT1cInRydWVcIlxuICA+XG4gICAgPHNlY3Rpb24gY2xhc3M9XCJibWJfc291bmRzLWNhcmQtY29udGVudFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZC1jb250ZW50LWljb25cIj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NvdW5kcy1jYXJkLWNvbnRlbnQtaWNvbi1idG5cIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2JtYl9zb3VuZHMtY2FyZC1jb250ZW50LWljb24tYnRuLXBsYXlpbmcnOiBpc1BsYXlpbmcgfVwiXG4gICAgICAgICAgKGNsaWNrKT1cInRoaXMuaGFuZGxlUGxheVBhdXNlKClcIlxuICAgICAgICA+XG4gICAgICAgICAgPGJtYi1pY29uXG4gICAgICAgICAgICBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZC1jb250ZW50LWljb24tYnRuLWljb25cIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAnYm1iX3NvdW5kcy1jYXJkLWNvbnRlbnQtaWNvbi1idG4taWNvbi1wbGF5aW5nJzogaXNQbGF5aW5nXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICAgIFtpY29uXT1cImlzUGxheWluZyA/ICdwYXVzZV9jaXJjbGUnIDogJ3BsYXlfY2lyY2xlJ1wiXG4gICAgICAgICAgICBbaXNGaWxsXT1cInRydWVcIlxuICAgICAgICAgICAgW3NpemVdPVwiMTAwXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZC1pbmZvXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJibWJfc291bmRzLWNhcmQtaW5mby10aXRsZVwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYm1iX3NvdW5kcy1jYXJkLWluZm8tdGl0bGUtdGV4dFwiPnt7IHRpdGxlKCkgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm1iX3NvdW5kcy1jYXJkLWluZm8tc3VidGl0bGVcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZC1pbmZvLXN1YnRpdGxlLXRleHRcIj57e1xuICAgICAgICAgICAgc3VidGl0bGUoKVxuICAgICAgICAgIH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZC1pbmZvLXZvbHVtZVwiPlxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGNsYXNzPVwiYm1iX3NvdW5kcy1jYXJkLWluZm8tdm9sdW1lLWJ0blwiXG4gICAgICAgICAgICAoY2xpY2spPVwidGhpcy5oYW5kbGVNdXRlVm9sdW1lKClcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxibWItaWNvblxuICAgICAgICAgICAgICBbaWNvbl09XCJpc011dGVkID8gJ3ZvbHVtZV9vZmYnIDogJ3ZvbHVtZV91cCdcIlxuICAgICAgICAgICAgICBbc2l6ZV09XCIyOFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgI3JhbmdlVm9sdW1lXG4gICAgICAgICAgICBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZC1pbmZvLXZvbHVtZS1yYW5nZVwiXG4gICAgICAgICAgICB0eXBlPVwicmFuZ2VcIlxuICAgICAgICAgICAgbWluPVwiMFwiXG4gICAgICAgICAgICBtYXg9XCIxMDBcIlxuICAgICAgICAgICAgW3ZhbHVlXT1cImludGVybmFsVm9sdW1lXCJcbiAgICAgICAgICAgIChpbnB1dCk9XCJvblZvbHVtZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvc2VjdGlvbj5cbiAgPC9ibWItbWVkaWEtY2FyZD5cbjwvc2VjdGlvbj5cbiJdfQ==
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter, ViewEncapsulation, ChangeDetectionStrategy, } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { BmbIconComponent } from '../bmb-icon/bmb-icon.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
export class BmbStatCounterComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.activeStep = 0;
|
|
9
|
-
this.totalSteps = 0;
|
|
10
|
-
this.onStepPress = new EventEmitter();
|
|
11
|
-
}
|
|
12
|
-
getStepsArray() {
|
|
13
|
-
return new Array(this.totalSteps || 0).fill(0).map((_, i) => i);
|
|
14
|
-
}
|
|
15
|
-
onStepClicked(index) {
|
|
16
|
-
this.activeStep = index;
|
|
17
|
-
this.onStepPress.emit(index);
|
|
18
|
-
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbStatCounterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BmbStatCounterComponent, isStandalone: true, selector: "bmb-stat-counter", inputs: { activeStep: "activeStep", totalSteps: "totalSteps" }, outputs: { onStepPress: "onStepPress" }, ngImport: i0, template: "<div class=\"bmb_stat_counter\">\n <div\n class=\"bmb_stat_counter-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{ active: activeStep === i, completed: activeStep > i }\"\n (click)=\"onStepClicked(i)\"\n >\n <div\n class=\"bmb_stat_counter-step\"\n [ngClass]=\"{ active: activeStep === i, completed: activeStep > i }\"\n >\n <span *ngIf=\"activeStep == i || activeStep < i\">{{ i + 1 }}</span>\n @if (activeStep > i) {\n <bmb-icon [icon]=\"'done'\" class=\"bmb_stat_counter-icon\" [size]=\"24\" />\n }\n </div>\n </div>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_stat_counter{display:flex;justify-content:space-between;margin-bottom:1.25rem;min-height:4.375rem;width:100%}.bmb_stat_counter-item{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;position:relative;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}@media (max-width: 768px){.bmb_stat_counter-item{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}}.bmb_stat_counter-item:before{border-bottom:.125rem solid RGBA(var(--color-charade-300));content:\"\";left:-50%;position:absolute;top:1.875rem;min-width:1.5rem;width:100%;z-index:2}.bmb_stat_counter-item:after{border-bottom:.125rem solid #ccc;content:\"\";left:50%;position:absolute;top:1.875rem;min-width:1.5rem;width:100%;z-index:2}.bmb_stat_counter-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_stat_counter-item.completed:after{border-bottom:.125rem solid RGBA(var(--color-mariner-700));content:\"\";left:50%;min-width:1.5rem;position:absolute;top:1.875rem;width:100%;z-index:3}.bmb_stat_counter-item.completed .bmb_stat_counter-step{background-color:RGBA(var(--color-mariner-700))}.bmb_stat_counter-item:first-child:before{content:none}.bmb_stat_counter-item:last-child:after{content:none}.bmb_stat_counter-step{align-items:center;background:RGBA(var(--color-charade-300));border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;height:3rem;justify-content:center;margin-bottom:.375rem;position:relative;width:3rem;z-index:5;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_stat_counter-step.active{background-color:RGBA(var(--color-charade-50));border:.0625rem solid RGBA(var(--color-mariner-700));color:RGBA(var(--color-mariner-700));height:4rem;width:4rem}.bmb_stat_counter-icon{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_stat_counter-item:before,.storybook-dark-theme .bmb_stat_counter-item:before{border-bottom:.125rem solid RGBA(var(--color-neon-700))}[data-theme=dark] .bmb_stat_counter-item:after,.storybook-dark-theme .bmb_stat_counter-item:after{border-bottom:.125rem solid RGBA(var(--color-charade-700))}[data-theme=dark] .bmb_stat_counter-item.completed:after,.storybook-dark-theme .bmb_stat_counter-item.completed:after{border-bottom:.125rem solid RGBA(var(--color-neon-primary))}[data-theme=dark] .bmb_stat_counter-item.completed .bmb_stat_counter-step,.storybook-dark-theme .bmb_stat_counter-item.completed .bmb_stat_counter-step{background-color:RGBA(var(--color-neon-primary));font-family:Poppins-Bold,sans-serif}[data-theme=dark] .bmb_stat_counter-item.completed .bmb_stat_counter-step .material-icons,.storybook-dark-theme .bmb_stat_counter-item.completed .bmb_stat_counter-step .material-icons{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_stat_counter-step,.storybook-dark-theme .bmb_stat_counter-step{background:RGBA(var(--color-charade-700));color:RGBA(var(--color-charade-950))}[data-theme=dark] .bmb_stat_counter-step.active,.storybook-dark-theme .bmb_stat_counter-step.active{background-color:RGBA(var(--color-charade-950));border:.0625rem solid RGBA(var(--color-neon-primary));color:RGBA(var(--color-charade-50))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
21
|
-
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbStatCounterComponent, decorators: [{
|
|
23
|
-
type: Component,
|
|
24
|
-
args: [{ standalone: true, imports: [CommonModule, BmbIconComponent], selector: 'bmb-stat-counter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_stat_counter\">\n <div\n class=\"bmb_stat_counter-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{ active: activeStep === i, completed: activeStep > i }\"\n (click)=\"onStepClicked(i)\"\n >\n <div\n class=\"bmb_stat_counter-step\"\n [ngClass]=\"{ active: activeStep === i, completed: activeStep > i }\"\n >\n <span *ngIf=\"activeStep == i || activeStep < i\">{{ i + 1 }}</span>\n @if (activeStep > i) {\n <bmb-icon [icon]=\"'done'\" class=\"bmb_stat_counter-icon\" [size]=\"24\" />\n }\n </div>\n </div>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_stat_counter{display:flex;justify-content:space-between;margin-bottom:1.25rem;min-height:4.375rem;width:100%}.bmb_stat_counter-item{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;position:relative;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}@media (max-width: 768px){.bmb_stat_counter-item{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}}.bmb_stat_counter-item:before{border-bottom:.125rem solid RGBA(var(--color-charade-300));content:\"\";left:-50%;position:absolute;top:1.875rem;min-width:1.5rem;width:100%;z-index:2}.bmb_stat_counter-item:after{border-bottom:.125rem solid #ccc;content:\"\";left:50%;position:absolute;top:1.875rem;min-width:1.5rem;width:100%;z-index:2}.bmb_stat_counter-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_stat_counter-item.completed:after{border-bottom:.125rem solid RGBA(var(--color-mariner-700));content:\"\";left:50%;min-width:1.5rem;position:absolute;top:1.875rem;width:100%;z-index:3}.bmb_stat_counter-item.completed .bmb_stat_counter-step{background-color:RGBA(var(--color-mariner-700))}.bmb_stat_counter-item:first-child:before{content:none}.bmb_stat_counter-item:last-child:after{content:none}.bmb_stat_counter-step{align-items:center;background:RGBA(var(--color-charade-300));border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;height:3rem;justify-content:center;margin-bottom:.375rem;position:relative;width:3rem;z-index:5;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_stat_counter-step.active{background-color:RGBA(var(--color-charade-50));border:.0625rem solid RGBA(var(--color-mariner-700));color:RGBA(var(--color-mariner-700));height:4rem;width:4rem}.bmb_stat_counter-icon{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_stat_counter-item:before,.storybook-dark-theme .bmb_stat_counter-item:before{border-bottom:.125rem solid RGBA(var(--color-neon-700))}[data-theme=dark] .bmb_stat_counter-item:after,.storybook-dark-theme .bmb_stat_counter-item:after{border-bottom:.125rem solid RGBA(var(--color-charade-700))}[data-theme=dark] .bmb_stat_counter-item.completed:after,.storybook-dark-theme .bmb_stat_counter-item.completed:after{border-bottom:.125rem solid RGBA(var(--color-neon-primary))}[data-theme=dark] .bmb_stat_counter-item.completed .bmb_stat_counter-step,.storybook-dark-theme .bmb_stat_counter-item.completed .bmb_stat_counter-step{background-color:RGBA(var(--color-neon-primary));font-family:Poppins-Bold,sans-serif}[data-theme=dark] .bmb_stat_counter-item.completed .bmb_stat_counter-step .material-icons,.storybook-dark-theme .bmb_stat_counter-item.completed .bmb_stat_counter-step .material-icons{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_stat_counter-step,.storybook-dark-theme .bmb_stat_counter-step{background:RGBA(var(--color-charade-700));color:RGBA(var(--color-charade-950))}[data-theme=dark] .bmb_stat_counter-step.active,.storybook-dark-theme .bmb_stat_counter-step.active{background-color:RGBA(var(--color-charade-950));border:.0625rem solid RGBA(var(--color-neon-primary));color:RGBA(var(--color-charade-50))}\n"] }]
|
|
25
|
-
}], propDecorators: { activeStep: [{
|
|
26
|
-
type: Input
|
|
27
|
-
}], totalSteps: [{
|
|
28
|
-
type: Input
|
|
29
|
-
}], onStepPress: [{
|
|
30
|
-
type: Output
|
|
31
|
-
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXN0YXQtY291bnRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1uZy9zcmMvbGliL2NvbXBvbmVudHMvYm1iLXN0YXQtY291bnRlci9ibWItc3RhdC1jb3VudGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3RhdC1jb3VudGVyL2JtYi1zdGF0LWNvdW50ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixpQkFBaUIsRUFDakIsdUJBQXVCLEdBQ3hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBV2xFLE1BQU0sT0FBTyx1QkFBdUI7SUFUcEM7UUFVVyxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLGVBQVUsR0FBWSxDQUFDLENBQUM7UUFDdkIsZ0JBQVcsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQVUxRTtJQVJDLGFBQWE7UUFDWCxPQUFPLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDOytHQVpVLHVCQUF1QjttR0FBdkIsdUJBQXVCLHFMQ3BCcEMsMm5CQW1CQSwwL1JETlksWUFBWSw4VkFBRSxnQkFBZ0I7OzRGQU83Qix1QkFBdUI7a0JBVG5DLFNBQVM7aUNBQ0ksSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDLFlBRS9CLGtCQUFrQixtQkFFWCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJtYkljb25Db21wb25lbnQgfSBmcm9tICcuLi9ibWItaWNvbi9ibWItaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQm1iSWNvbkNvbXBvbmVudF0sXG4gIHN0eWxlVXJsOiAnLi9ibWItc3RhdC1jb3VudGVyLmNvbXBvbmVudC5zY3NzJyxcbiAgc2VsZWN0b3I6ICdibWItc3RhdC1jb3VudGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi1zdGF0LWNvdW50ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQm1iU3RhdENvdW50ZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBhY3RpdmVTdGVwOiBudW1iZXIgPSAwO1xuICBASW5wdXQoKSB0b3RhbFN0ZXBzPzogbnVtYmVyID0gMDtcbiAgQE91dHB1dCgpIG9uU3RlcFByZXNzOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIGdldFN0ZXBzQXJyYXkoKTogbnVtYmVyW10ge1xuICAgIHJldHVybiBuZXcgQXJyYXkodGhpcy50b3RhbFN0ZXBzIHx8IDApLmZpbGwoMCkubWFwKChfLCBpKSA9PiBpKTtcbiAgfVxuXG4gIG9uU3RlcENsaWNrZWQoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuYWN0aXZlU3RlcCA9IGluZGV4O1xuICAgIHRoaXMub25TdGVwUHJlc3MuZW1pdChpbmRleCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJibWJfc3RhdF9jb3VudGVyXCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cImJtYl9zdGF0X2NvdW50ZXItaXRlbVwiXG4gICAgKm5nRm9yPVwibGV0IGkgb2YgZ2V0U3RlcHNBcnJheSgpXCJcbiAgICBbYXR0ci5kYXRhLWJzLXNsaWRlLXRvXT1cImlcIlxuICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBhY3RpdmVTdGVwID09PSBpLCBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAgPiBpIH1cIlxuICAgIChjbGljayk9XCJvblN0ZXBDbGlja2VkKGkpXCJcbiAgPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiYm1iX3N0YXRfY291bnRlci1zdGVwXCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBhY3RpdmVTdGVwID09PSBpLCBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAgPiBpIH1cIlxuICAgID5cbiAgICAgIDxzcGFuICpuZ0lmPVwiYWN0aXZlU3RlcCA9PSBpIHx8IGFjdGl2ZVN0ZXAgPCBpXCI+e3sgaSArIDEgfX08L3NwYW4+XG4gICAgICBAaWYgKGFjdGl2ZVN0ZXAgPiBpKSB7XG4gICAgICAgIDxibWItaWNvbiBbaWNvbl09XCInZG9uZSdcIiBjbGFzcz1cImJtYl9zdGF0X2NvdW50ZXItaWNvblwiIFtzaXplXT1cIjI0XCIgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, output, model, input, inject, DestroyRef, signal, computed, } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { BmbIconComponent } from '../bmb-icon/bmb-icon.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
const MOBILE_TABLET_QUERY = '(max-width: 992px)';
|
|
7
|
-
export class BmbStepProgressBarComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.activeStep = model(0);
|
|
10
|
-
this.totalSteps = input(0);
|
|
11
|
-
this.size = input('normal');
|
|
12
|
-
this.freeze = input(false);
|
|
13
|
-
this.type = input('vertical');
|
|
14
|
-
this.labelSteps = input([]);
|
|
15
|
-
this.labelComplete = input('Completo');
|
|
16
|
-
this.labelIncomplete = input('Pendiente');
|
|
17
|
-
this.stepTemplates = input([]);
|
|
18
|
-
this.onStepPress = output();
|
|
19
|
-
this.onStepPanelPress = output();
|
|
20
|
-
this.destroyRef = inject(DestroyRef);
|
|
21
|
-
this.mql = typeof window !== 'undefined'
|
|
22
|
-
? window.matchMedia(MOBILE_TABLET_QUERY)
|
|
23
|
-
: null;
|
|
24
|
-
this.abort = new AbortController();
|
|
25
|
-
this.isMobileOrTablet = signal(!!this.mql?.matches);
|
|
26
|
-
this.truncate = (s, n = 90) => s ? (s.length > n ? s.slice(0, n).trimEnd() + '…' : s) : '';
|
|
27
|
-
this.maxChars = computed(() => (this.isMobileOrTablet() ? 70 : 90));
|
|
28
|
-
this.labelStepsTruncated = computed(() => (this.labelSteps() || []).map((txt) => this.truncate(txt, this.maxChars())));
|
|
29
|
-
this.labelCompleteTruncated = computed(() => this.truncate(this.labelComplete(), this.maxChars()));
|
|
30
|
-
this.labelIncompleteTruncated = computed(() => this.truncate(this.labelIncomplete(), this.maxChars()));
|
|
31
|
-
this.mql?.addEventListener('change', (e) => this.isMobileOrTablet.set(e.matches), { signal: this.abort.signal });
|
|
32
|
-
this.destroyRef.onDestroy(() => this.abort.abort());
|
|
33
|
-
}
|
|
34
|
-
getStepsArray() {
|
|
35
|
-
return new Array(this.totalSteps() || 0).fill(0).map((_, i) => i);
|
|
36
|
-
}
|
|
37
|
-
onStepPanelClicked(index) {
|
|
38
|
-
if (!this.freeze()) {
|
|
39
|
-
this.onStepPanelPress.emit(index);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
onStepClicked(index) {
|
|
43
|
-
if (!this.freeze()) {
|
|
44
|
-
this.activeStep.set(index);
|
|
45
|
-
this.onStepPress.emit(index);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbStepProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BmbStepProgressBarComponent, isStandalone: true, selector: "bmb-step-progress-bar", inputs: { activeStep: { classPropertyName: "activeStep", publicName: "activeStep", isSignal: true, isRequired: false, transformFunction: null }, totalSteps: { classPropertyName: "totalSteps", publicName: "totalSteps", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, freeze: { classPropertyName: "freeze", publicName: "freeze", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, labelSteps: { classPropertyName: "labelSteps", publicName: "labelSteps", isSignal: true, isRequired: false, transformFunction: null }, labelComplete: { classPropertyName: "labelComplete", publicName: "labelComplete", isSignal: true, isRequired: false, transformFunction: null }, labelIncomplete: { classPropertyName: "labelIncomplete", publicName: "labelIncomplete", isSignal: true, isRequired: false, transformFunction: null }, stepTemplates: { classPropertyName: "stepTemplates", publicName: "stepTemplates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeStep: "activeStepChange", onStepPress: "onStepPress", onStepPanelPress: "onStepPanelPress" }, ngImport: i0, template: "<div\n class=\"bmb_step-progress-bar\"\n [ngClass]=\"{\n 'bmb_step-progress-bar-vertical': type() === 'vertical',\n 'bmb_step-progress-bar-step-panel': type() === 'step-panel'\n }\"\n>\n @if (type() == 'horizontal') {\n <div\n class=\"bmb_step-progress-bar-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{ completed: activeStep() > i }\"\n (click)=\"onStepClicked(i)\"\n onkeypress=\"\"\n >\n <div\n class=\"bmb_step-progress-bar-step\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n 'bmb_step-progress-bar-step-normal':\n size() == 'normal' || size() == 'default',\n 'bmb_step-progress-bar-step-small': size() == 'small',\n 'bmb_step-progress-bar-step-medium': size() == 'medium'\n }\"\n >\n <span *ngIf=\"activeStep() == i || activeStep() < i\">{{ i + 1 }}</span>\n @if (activeStep() > i) {\n <bmb-icon [icon]=\"'done'\" class=\"material-icons\" [size]=\"24\" />\n }\n </div>\n </div>\n } @else if (type() === 'vertical') {\n <div\n class=\"bmb_step-progress-bar-vertical-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{\n completed: activeStep() > i,\n 'bmb_step-progress-bar-vertical-content': labelSteps().length > 0\n }\"\n (click)=\"onStepClicked(i)\"\n onkeypress=\"\"\n >\n <div\n class=\"bmb_step-progress-bar-vertical-step bmb_step-progress-bar-vertical-step-small\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i\n }\"\n >\n @if (activeStep() <= i) {\n <span>{{ i + 1 }}</span>\n } @else {\n <bmb-icon\n [icon]=\"'done'\"\n class=\"bmb_step-progress-bar-icon\"\n [size]=\"24\"\n />\n }\n </div>\n @if (labelSteps().length > 0) {\n <div class=\"bmb_step-progress-bar-vertical-text\">\n <h2 class=\"bmb_step-progress-bar-vertical-text-title\">\n {{ labelStepsTruncated()[i] }}\n </h2>\n @if (activeStep() > i) {\n <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n labelCompleteTruncated()\n }}</span>\n } @else {\n <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n labelIncompleteTruncated()\n }}</span>\n }\n </div>\n }\n </div>\n } @else if (type() === 'step-panel') {\n <div class=\"bmb_step-progress-bar-step-panel-item\">\n <div\n class=\"bmb_step-progress-bar-step-panel-wrapper\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i\n }\"\n *ngFor=\"let step of getStepsArray(); let i = index\"\n >\n <div\n class=\"bmb_step-progress-bar-step-panel-header\"\n (click)=\"onStepPanelClicked(i)\"\n >\n <div\n class=\"bmb_step-progress-bar-step-panel-step\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i\n }\"\n >\n @if (activeStep() > i) {\n <bmb-icon\n [icon]=\"'done'\"\n class=\"bmb_step-progress-bar-icon\"\n [size]=\"24\"\n />\n } @else {\n <span class=\"index\">{{ i + 1 }}</span>\n }\n </div>\n\n <span\n class=\"bmb_step-progress-bar-step-panel-label\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i\n }\"\n >{{ labelStepsTruncated()[i] }}</span\n >\n </div>\n\n @if (activeStep() === i && stepTemplates().length > i) {\n <div class=\"bmb_step-progress-bar-step-panel-content\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplates()[i]\"\n ></ng-container>\n </div>\n }\n </div>\n </div>\n }\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_step-progress-bar{display:flex;height:auto;margin-bottom:1.25rem;min-height:4.375rem;width:100%}.bmb_step-progress-bar-item{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:2rem;position:relative;width:100%;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-item:after{border-bottom:.125rem solid var(--buttons-inactive-step);content:\"\";left:50%;min-width:2rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-item.completed:after{border-bottom:.125rem solid var(--general_contrasts-main-selection);content:\"\";left:50%;min-width:1.5rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.completed .bmb_step-progress-bar-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-item:first-child:before{content:none}.bmb_step-progress-bar-item:last-child:after{content:none}.bmb_step-progress-bar-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:var(--general_contrasts-main-complimentary);cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.bmb_step-progress-bar-step.active{background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-small{height:1.875rem;width:1.875rem}.bmb_step-progress-bar-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_step-progress-bar-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;height:4rem;width:4rem}.bmb_step-progress-bar-step-medium{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-step-medium.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-icon{color:RGBA(var(--color-charade-50))}.bmb_step-progress-bar-vertical{flex-direction:column}.bmb_step-progress-bar-vertical-item{align-items:center;display:inline-flex;padding-bottom:1.25rem;position:relative}.bmb_step-progress-bar-vertical-item:after{background-color:var(--buttons-inactive-step);content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-vertical-item.completed:after{background-color:RGBA(var(--color-blue-primary));content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.completed .bmb_step-progress-bar-vertical-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-vertical-item.bmb_step-progress-bar-vertical-content:after{top:80%}.bmb_step-progress-bar-vertical-item:last-child:after{content:none}.bmb_step-progress-bar-vertical-step{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;align-items:center;background:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;transition:background-color .3s;z-index:1}.bmb_step-progress-bar-vertical-step-small{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-vertical-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color)}.bmb_step-progress-bar-vertical-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-vertical-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color);height:4rem;width:4rem}.bmb_step-progress-bar-vertical-text{margin-left:1.25rem;flex:1}.bmb_step-progress-bar-vertical-text-title{color:var(--general_contrasts-100);word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_step-progress-bar-vertical-text-subtitle{color:var(--vertical-step-subtitle);word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_step-progress-bar-vertical-content{padding-top:1.25rem}.bmb_step-progress-bar-step-panel-item{width:100%;display:flex;flex-flow:column;gap:1.25rem}.bmb_step-progress-bar-step-panel-wrapper{position:relative}.bmb_step-progress-bar-step-panel-wrapper.active:after{background-color:var(--buttons-inactive-step);content:\"\";height:calc(100% - 3.75rem);left:1.25rem;position:absolute;top:3.125rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-step-panel-header{display:flex;align-items:center;gap:1.25rem;cursor:pointer}.bmb_step-progress-bar-step-panel-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;height:2.625rem;justify-content:center;margin-bottom:.375rem;position:relative;width:2.625rem;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-step.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-panel-step.completed{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-step-panel-label{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-label.active{color:var(--general_contrasts-100);font-weight:700}.bmb_step-progress-bar-step-panel-content{margin-left:3.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
50
|
-
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbStepProgressBarComponent, decorators: [{
|
|
52
|
-
type: Component,
|
|
53
|
-
args: [{ selector: 'bmb-step-progress-bar', standalone: true, imports: [CommonModule, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"bmb_step-progress-bar\"\n [ngClass]=\"{\n 'bmb_step-progress-bar-vertical': type() === 'vertical',\n 'bmb_step-progress-bar-step-panel': type() === 'step-panel'\n }\"\n>\n @if (type() == 'horizontal') {\n <div\n class=\"bmb_step-progress-bar-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{ completed: activeStep() > i }\"\n (click)=\"onStepClicked(i)\"\n onkeypress=\"\"\n >\n <div\n class=\"bmb_step-progress-bar-step\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n 'bmb_step-progress-bar-step-normal':\n size() == 'normal' || size() == 'default',\n 'bmb_step-progress-bar-step-small': size() == 'small',\n 'bmb_step-progress-bar-step-medium': size() == 'medium'\n }\"\n >\n <span *ngIf=\"activeStep() == i || activeStep() < i\">{{ i + 1 }}</span>\n @if (activeStep() > i) {\n <bmb-icon [icon]=\"'done'\" class=\"material-icons\" [size]=\"24\" />\n }\n </div>\n </div>\n } @else if (type() === 'vertical') {\n <div\n class=\"bmb_step-progress-bar-vertical-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{\n completed: activeStep() > i,\n 'bmb_step-progress-bar-vertical-content': labelSteps().length > 0\n }\"\n (click)=\"onStepClicked(i)\"\n onkeypress=\"\"\n >\n <div\n class=\"bmb_step-progress-bar-vertical-step bmb_step-progress-bar-vertical-step-small\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i\n }\"\n >\n @if (activeStep() <= i) {\n <span>{{ i + 1 }}</span>\n } @else {\n <bmb-icon\n [icon]=\"'done'\"\n class=\"bmb_step-progress-bar-icon\"\n [size]=\"24\"\n />\n }\n </div>\n @if (labelSteps().length > 0) {\n <div class=\"bmb_step-progress-bar-vertical-text\">\n <h2 class=\"bmb_step-progress-bar-vertical-text-title\">\n {{ labelStepsTruncated()[i] }}\n </h2>\n @if (activeStep() > i) {\n <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n labelCompleteTruncated()\n }}</span>\n } @else {\n <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n labelIncompleteTruncated()\n }}</span>\n }\n </div>\n }\n </div>\n } @else if (type() === 'step-panel') {\n <div class=\"bmb_step-progress-bar-step-panel-item\">\n <div\n class=\"bmb_step-progress-bar-step-panel-wrapper\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i\n }\"\n *ngFor=\"let step of getStepsArray(); let i = index\"\n >\n <div\n class=\"bmb_step-progress-bar-step-panel-header\"\n (click)=\"onStepPanelClicked(i)\"\n >\n <div\n class=\"bmb_step-progress-bar-step-panel-step\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i\n }\"\n >\n @if (activeStep() > i) {\n <bmb-icon\n [icon]=\"'done'\"\n class=\"bmb_step-progress-bar-icon\"\n [size]=\"24\"\n />\n } @else {\n <span class=\"index\">{{ i + 1 }}</span>\n }\n </div>\n\n <span\n class=\"bmb_step-progress-bar-step-panel-label\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i\n }\"\n >{{ labelStepsTruncated()[i] }}</span\n >\n </div>\n\n @if (activeStep() === i && stepTemplates().length > i) {\n <div class=\"bmb_step-progress-bar-step-panel-content\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplates()[i]\"\n ></ng-container>\n </div>\n }\n </div>\n </div>\n }\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_step-progress-bar{display:flex;height:auto;margin-bottom:1.25rem;min-height:4.375rem;width:100%}.bmb_step-progress-bar-item{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:2rem;position:relative;width:100%;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-item:after{border-bottom:.125rem solid var(--buttons-inactive-step);content:\"\";left:50%;min-width:2rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-item.completed:after{border-bottom:.125rem solid var(--general_contrasts-main-selection);content:\"\";left:50%;min-width:1.5rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.completed .bmb_step-progress-bar-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-item:first-child:before{content:none}.bmb_step-progress-bar-item:last-child:after{content:none}.bmb_step-progress-bar-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:var(--general_contrasts-main-complimentary);cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.bmb_step-progress-bar-step.active{background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-small{height:1.875rem;width:1.875rem}.bmb_step-progress-bar-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_step-progress-bar-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;height:4rem;width:4rem}.bmb_step-progress-bar-step-medium{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-step-medium.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-icon{color:RGBA(var(--color-charade-50))}.bmb_step-progress-bar-vertical{flex-direction:column}.bmb_step-progress-bar-vertical-item{align-items:center;display:inline-flex;padding-bottom:1.25rem;position:relative}.bmb_step-progress-bar-vertical-item:after{background-color:var(--buttons-inactive-step);content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-vertical-item.completed:after{background-color:RGBA(var(--color-blue-primary));content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.completed .bmb_step-progress-bar-vertical-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-vertical-item.bmb_step-progress-bar-vertical-content:after{top:80%}.bmb_step-progress-bar-vertical-item:last-child:after{content:none}.bmb_step-progress-bar-vertical-step{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;align-items:center;background:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;transition:background-color .3s;z-index:1}.bmb_step-progress-bar-vertical-step-small{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-vertical-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color)}.bmb_step-progress-bar-vertical-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-vertical-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color);height:4rem;width:4rem}.bmb_step-progress-bar-vertical-text{margin-left:1.25rem;flex:1}.bmb_step-progress-bar-vertical-text-title{color:var(--general_contrasts-100);word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_step-progress-bar-vertical-text-subtitle{color:var(--vertical-step-subtitle);word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_step-progress-bar-vertical-content{padding-top:1.25rem}.bmb_step-progress-bar-step-panel-item{width:100%;display:flex;flex-flow:column;gap:1.25rem}.bmb_step-progress-bar-step-panel-wrapper{position:relative}.bmb_step-progress-bar-step-panel-wrapper.active:after{background-color:var(--buttons-inactive-step);content:\"\";height:calc(100% - 3.75rem);left:1.25rem;position:absolute;top:3.125rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-step-panel-header{display:flex;align-items:center;gap:1.25rem;cursor:pointer}.bmb_step-progress-bar-step-panel-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;height:2.625rem;justify-content:center;margin-bottom:.375rem;position:relative;width:2.625rem;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-step.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-panel-step.completed{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-step-panel-label{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-label.active{color:var(--general_contrasts-100);font-weight:700}.bmb_step-progress-bar-step-panel-content{margin-left:3.875rem}\n"] }]
|
|
54
|
-
}], ctorParameters: () => [] });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXN0ZXAtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3RlcC1wcm9ncmVzcy1iYXIvYm1iLXN0ZXAtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3RlcC1wcm9ncmVzcy1iYXIvYm1iLXN0ZXAtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUV2QixNQUFNLEVBQ04sS0FBSyxFQUNMLEtBQUssRUFDTCxNQUFNLEVBQ04sVUFBVSxFQUNWLE1BQU0sRUFDTixRQUFRLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7QUFFbEUsTUFBTSxtQkFBbUIsR0FBRyxvQkFBb0IsQ0FBQztBQVdqRCxNQUFNLE9BQU8sMkJBQTJCO0lBdUJ0QztRQXRCQSxlQUFVLEdBQUcsS0FBSyxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBQzlCLGVBQVUsR0FBRyxLQUFLLENBQVMsQ0FBQyxDQUFDLENBQUM7UUFDOUIsU0FBSSxHQUFHLEtBQUssQ0FBNEMsUUFBUSxDQUFDLENBQUM7UUFDbEUsV0FBTSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUMvQixTQUFJLEdBQUcsS0FBSyxDQUEyQyxVQUFVLENBQUMsQ0FBQztRQUNuRSxlQUFVLEdBQUcsS0FBSyxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ2pDLGtCQUFhLEdBQUcsS0FBSyxDQUFTLFVBQVUsQ0FBQyxDQUFDO1FBQzFDLG9CQUFlLEdBQUcsS0FBSyxDQUFTLFdBQVcsQ0FBQyxDQUFDO1FBQzdDLGtCQUFhLEdBQUcsS0FBSyxDQUFxQixFQUFFLENBQUMsQ0FBQztRQUU5QyxnQkFBVyxHQUFHLE1BQU0sRUFBVSxDQUFDO1FBQy9CLHFCQUFnQixHQUFHLE1BQU0sRUFBVSxDQUFDO1FBRTVCLGVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDaEMsUUFBRyxHQUNULE9BQU8sTUFBTSxLQUFLLFdBQVc7WUFDM0IsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsbUJBQW1CLENBQUM7WUFDeEMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNILFVBQUssR0FBRyxJQUFJLGVBQWUsRUFBRSxDQUFDO1FBRTdCLHFCQUFnQixHQUFHLE1BQU0sQ0FBVSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsQ0FBQztRQVd6RCxhQUFRLEdBQUcsQ0FBQyxDQUFVLEVBQUUsQ0FBQyxHQUFHLEVBQUUsRUFBRSxFQUFFLENBQ3hDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBRXJELGFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBRS9ELHdCQUFtQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FDM0MsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUM1RSxDQUFDO1FBRU8sMkJBQXNCLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUM5QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FDckQsQ0FBQztRQUVPLDZCQUF3QixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FDaEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQ3ZELENBQUM7UUF2QkEsSUFBSSxDQUFDLEdBQUcsRUFBRSxnQkFBZ0IsQ0FDeEIsUUFBUSxFQUNSLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxDQUFFLENBQXlCLENBQUMsT0FBTyxDQUFDLEVBQ3BFLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQzlCLENBQUM7UUFDRixJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQW1CRCxhQUFhO1FBQ1gsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxLQUFhO1FBQzlCLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3BDLENBQUM7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQWE7UUFDekIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzNCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDOytHQWhFVSwyQkFBMkI7bUdBQTNCLDJCQUEyQiw0M0NDM0J4QywrcUlBb0lBLHN5WEQvR1ksWUFBWSxxZ0JBQUUsZ0JBQWdCOzs0RkFNN0IsMkJBQTJCO2tCQVR2QyxTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLENBQUMsbUJBR3hCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgVGVtcGxhdGVSZWYsXG4gIG91dHB1dCxcbiAgbW9kZWwsXG4gIGlucHV0LFxuICBpbmplY3QsXG4gIERlc3Ryb3lSZWYsXG4gIHNpZ25hbCxcbiAgY29tcHV0ZWQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJtYkljb25Db21wb25lbnQgfSBmcm9tICcuLi9ibWItaWNvbi9ibWItaWNvbi5jb21wb25lbnQnO1xuXG5jb25zdCBNT0JJTEVfVEFCTEVUX1FVRVJZID0gJyhtYXgtd2lkdGg6IDk5MnB4KSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JtYi1zdGVwLXByb2dyZXNzLWJhcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJtYkljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vYm1iLXN0ZXAtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2JtYi1zdGVwLXByb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBCbWJTdGVwUHJvZ3Jlc3NCYXJDb21wb25lbnQge1xuICBhY3RpdmVTdGVwID0gbW9kZWw8bnVtYmVyPigwKTtcbiAgdG90YWxTdGVwcyA9IGlucHV0PG51bWJlcj4oMCk7XG4gIHNpemUgPSBpbnB1dDwnbm9ybWFsJyB8ICdkZWZhdWx0JyB8ICdzbWFsbCcgfCAnbWVkaXVtJz4oJ25vcm1hbCcpO1xuICBmcmVlemUgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHR5cGUgPSBpbnB1dDwnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnIHwgJ3N0ZXAtcGFuZWwnPigndmVydGljYWwnKTtcbiAgbGFiZWxTdGVwcyA9IGlucHV0PHN0cmluZ1tdPihbXSk7XG4gIGxhYmVsQ29tcGxldGUgPSBpbnB1dDxzdHJpbmc+KCdDb21wbGV0bycpO1xuICBsYWJlbEluY29tcGxldGUgPSBpbnB1dDxzdHJpbmc+KCdQZW5kaWVudGUnKTtcbiAgc3RlcFRlbXBsYXRlcyA9IGlucHV0PFRlbXBsYXRlUmVmPGFueT5bXT4oW10pO1xuXG4gIG9uU3RlcFByZXNzID0gb3V0cHV0PG51bWJlcj4oKTtcbiAgb25TdGVwUGFuZWxQcmVzcyA9IG91dHB1dDxudW1iZXI+KCk7XG5cbiAgcHJpdmF0ZSBkZXN0cm95UmVmID0gaW5qZWN0KERlc3Ryb3lSZWYpO1xuICBwcml2YXRlIG1xbCA9XG4gICAgdHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCdcbiAgICAgID8gd2luZG93Lm1hdGNoTWVkaWEoTU9CSUxFX1RBQkxFVF9RVUVSWSlcbiAgICAgIDogbnVsbDtcbiAgcHJpdmF0ZSBhYm9ydCA9IG5ldyBBYm9ydENvbnRyb2xsZXIoKTtcblxuICByZWFkb25seSBpc01vYmlsZU9yVGFibGV0ID0gc2lnbmFsPGJvb2xlYW4+KCEhdGhpcy5tcWw/Lm1hdGNoZXMpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMubXFsPy5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgJ2NoYW5nZScsXG4gICAgICAoZSkgPT4gdGhpcy5pc01vYmlsZU9yVGFibGV0LnNldCgoZSBhcyBNZWRpYVF1ZXJ5TGlzdEV2ZW50KS5tYXRjaGVzKSxcbiAgICAgIHsgc2lnbmFsOiB0aGlzLmFib3J0LnNpZ25hbCB9LFxuICAgICk7XG4gICAgdGhpcy5kZXN0cm95UmVmLm9uRGVzdHJveSgoKSA9PiB0aGlzLmFib3J0LmFib3J0KCkpO1xuICB9XG5cbiAgcHJpdmF0ZSB0cnVuY2F0ZSA9IChzPzogc3RyaW5nLCBuID0gOTApID0+XG4gICAgcyA/IChzLmxlbmd0aCA+IG4gPyBzLnNsaWNlKDAsIG4pLnRyaW1FbmQoKSArICfigKYnIDogcykgOiAnJztcblxuICByZWFkb25seSBtYXhDaGFycyA9IGNvbXB1dGVkKCgpID0+ICh0aGlzLmlzTW9iaWxlT3JUYWJsZXQoKSA/IDcwIDogOTApKTtcblxuICByZWFkb25seSBsYWJlbFN0ZXBzVHJ1bmNhdGVkID0gY29tcHV0ZWQoKCkgPT5cbiAgICAodGhpcy5sYWJlbFN0ZXBzKCkgfHwgW10pLm1hcCgodHh0KSA9PiB0aGlzLnRydW5jYXRlKHR4dCwgdGhpcy5tYXhDaGFycygpKSksXG4gICk7XG5cbiAgcmVhZG9ubHkgbGFiZWxDb21wbGV0ZVRydW5jYXRlZCA9IGNvbXB1dGVkKCgpID0+XG4gICAgdGhpcy50cnVuY2F0ZSh0aGlzLmxhYmVsQ29tcGxldGUoKSwgdGhpcy5tYXhDaGFycygpKSxcbiAgKTtcblxuICByZWFkb25seSBsYWJlbEluY29tcGxldGVUcnVuY2F0ZWQgPSBjb21wdXRlZCgoKSA9PlxuICAgIHRoaXMudHJ1bmNhdGUodGhpcy5sYWJlbEluY29tcGxldGUoKSwgdGhpcy5tYXhDaGFycygpKSxcbiAgKTtcblxuICBnZXRTdGVwc0FycmF5KCk6IG51bWJlcltdIHtcbiAgICByZXR1cm4gbmV3IEFycmF5KHRoaXMudG90YWxTdGVwcygpIHx8IDApLmZpbGwoMCkubWFwKChfLCBpKSA9PiBpKTtcbiAgfVxuXG4gIG9uU3RlcFBhbmVsQ2xpY2tlZChpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmZyZWV6ZSgpKSB7XG4gICAgICB0aGlzLm9uU3RlcFBhbmVsUHJlc3MuZW1pdChpbmRleCk7XG4gICAgfVxuICB9XG5cbiAgb25TdGVwQ2xpY2tlZChpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmZyZWV6ZSgpKSB7XG4gICAgICB0aGlzLmFjdGl2ZVN0ZXAuc2V0KGluZGV4KTtcbiAgICAgIHRoaXMub25TdGVwUHJlc3MuZW1pdChpbmRleCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwnOiB0eXBlKCkgPT09ICd2ZXJ0aWNhbCcsXG4gICAgJ2JtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwLXBhbmVsJzogdHlwZSgpID09PSAnc3RlcC1wYW5lbCdcbiAgfVwiXG4+XG4gIEBpZiAodHlwZSgpID09ICdob3Jpem9udGFsJykge1xuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLWl0ZW1cIlxuICAgICAgKm5nRm9yPVwibGV0IGkgb2YgZ2V0U3RlcHNBcnJheSgpXCJcbiAgICAgIFthdHRyLmRhdGEtYnMtc2xpZGUtdG9dPVwiaVwiXG4gICAgICBbbmdDbGFzc109XCJ7IGNvbXBsZXRlZDogYWN0aXZlU3RlcCgpID4gaSB9XCJcbiAgICAgIChjbGljayk9XCJvblN0ZXBDbGlja2VkKGkpXCJcbiAgICAgIG9ua2V5cHJlc3M9XCJcIlxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItc3RlcFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICBhY3RpdmU6IGFjdGl2ZVN0ZXAoKSA9PT0gaSxcbiAgICAgICAgICBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAoKSA+IGksXG4gICAgICAgICAgJ2JtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwLW5vcm1hbCc6XG4gICAgICAgICAgICBzaXplKCkgPT0gJ25vcm1hbCcgfHwgc2l6ZSgpID09ICdkZWZhdWx0JyxcbiAgICAgICAgICAnYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXN0ZXAtc21hbGwnOiBzaXplKCkgPT0gJ3NtYWxsJyxcbiAgICAgICAgICAnYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXN0ZXAtbWVkaXVtJzogc2l6ZSgpID09ICdtZWRpdW0nXG4gICAgICAgIH1cIlxuICAgICAgPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImFjdGl2ZVN0ZXAoKSA9PSBpIHx8IGFjdGl2ZVN0ZXAoKSA8IGlcIj57eyBpICsgMSB9fTwvc3Bhbj5cbiAgICAgICAgQGlmIChhY3RpdmVTdGVwKCkgPiBpKSB7XG4gICAgICAgICAgPGJtYi1pY29uIFtpY29uXT1cIidkb25lJ1wiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIiBbc2l6ZV09XCIyNFwiIC8+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICB9IEBlbHNlIGlmICh0eXBlKCkgPT09ICd2ZXJ0aWNhbCcpIHtcbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci12ZXJ0aWNhbC1pdGVtXCJcbiAgICAgICpuZ0Zvcj1cImxldCBpIG9mIGdldFN0ZXBzQXJyYXkoKVwiXG4gICAgICBbYXR0ci5kYXRhLWJzLXNsaWRlLXRvXT1cImlcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAoKSA+IGksXG4gICAgICAgICdibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwtY29udGVudCc6IGxhYmVsU3RlcHMoKS5sZW5ndGggPiAwXG4gICAgICB9XCJcbiAgICAgIChjbGljayk9XCJvblN0ZXBDbGlja2VkKGkpXCJcbiAgICAgIG9ua2V5cHJlc3M9XCJcIlxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwtc3RlcCBibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwtc3RlcC1zbWFsbFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICBhY3RpdmU6IGFjdGl2ZVN0ZXAoKSA9PT0gaSxcbiAgICAgICAgICBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAoKSA+IGlcbiAgICAgICAgfVwiXG4gICAgICA+XG4gICAgICAgIEBpZiAoYWN0aXZlU3RlcCgpIDw9IGkpIHtcbiAgICAgICAgICA8c3Bhbj57eyBpICsgMSB9fTwvc3Bhbj5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgPGJtYi1pY29uXG4gICAgICAgICAgICBbaWNvbl09XCInZG9uZSdcIlxuICAgICAgICAgICAgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItaWNvblwiXG4gICAgICAgICAgICBbc2l6ZV09XCIyNFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgICBAaWYgKGxhYmVsU3RlcHMoKS5sZW5ndGggPiAwKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwtdGV4dFwiPlxuICAgICAgICAgIDxoMiBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci12ZXJ0aWNhbC10ZXh0LXRpdGxlXCI+XG4gICAgICAgICAgICB7eyBsYWJlbFN0ZXBzVHJ1bmNhdGVkKClbaV0gfX1cbiAgICAgICAgICA8L2gyPlxuICAgICAgICAgIEBpZiAoYWN0aXZlU3RlcCgpID4gaSkge1xuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwtdGV4dC1zdWJ0aXRsZVwiPnt7XG4gICAgICAgICAgICAgIGxhYmVsQ29tcGxldGVUcnVuY2F0ZWQoKVxuICAgICAgICAgICAgfX08L3NwYW4+XG4gICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci12ZXJ0aWNhbC10ZXh0LXN1YnRpdGxlXCI+e3tcbiAgICAgICAgICAgICAgbGFiZWxJbmNvbXBsZXRlVHJ1bmNhdGVkKClcbiAgICAgICAgICAgIH19PC9zcGFuPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIH0gQGVsc2UgaWYgKHR5cGUoKSA9PT0gJ3N0ZXAtcGFuZWwnKSB7XG4gICAgPGRpdiBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwLXBhbmVsLWl0ZW1cIj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItc3RlcC1wYW5lbC13cmFwcGVyXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgIGFjdGl2ZTogYWN0aXZlU3RlcCgpID09PSBpLFxuICAgICAgICAgIGNvbXBsZXRlZDogYWN0aXZlU3RlcCgpID4gaVxuICAgICAgICB9XCJcbiAgICAgICAgKm5nRm9yPVwibGV0IHN0ZXAgb2YgZ2V0U3RlcHNBcnJheSgpOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXN0ZXAtcGFuZWwtaGVhZGVyXCJcbiAgICAgICAgICAoY2xpY2spPVwib25TdGVwUGFuZWxDbGlja2VkKGkpXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXN0ZXAtcGFuZWwtc3RlcFwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgIGFjdGl2ZTogYWN0aXZlU3RlcCgpID09PSBpLFxuICAgICAgICAgICAgICBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAoKSA+IGlcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIEBpZiAoYWN0aXZlU3RlcCgpID4gaSkge1xuICAgICAgICAgICAgICA8Ym1iLWljb25cbiAgICAgICAgICAgICAgICBbaWNvbl09XCInZG9uZSdcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLWljb25cIlxuICAgICAgICAgICAgICAgIFtzaXplXT1cIjI0XCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImluZGV4XCI+e3sgaSArIDEgfX08L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItc3RlcC1wYW5lbC1sYWJlbFwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgIGFjdGl2ZTogYWN0aXZlU3RlcCgpID09PSBpLFxuICAgICAgICAgICAgICBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAoKSA+IGlcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgPnt7IGxhYmVsU3RlcHNUcnVuY2F0ZWQoKVtpXSB9fTwvc3BhblxuICAgICAgICAgID5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgQGlmIChhY3RpdmVTdGVwKCkgPT09IGkgJiYgc3RlcFRlbXBsYXRlcygpLmxlbmd0aCA+IGkpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXN0ZXAtcGFuZWwtY29udGVudFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJzdGVwVGVtcGxhdGVzKClbaV1cIlxuICAgICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=
|
package/esm2022/lib/components/bmb-student-activity-card/bmb-student-activity-card.component.mjs
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from '@angular/core';
|
|
3
|
-
import { DateTime } from 'luxon';
|
|
4
|
-
import { BmbBadgeComponent } from '../bmb-badge/bmb-badge.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/common";
|
|
7
|
-
export class BmbStudentActivityCardComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.startDate = input.required();
|
|
10
|
-
this.endDate = input.required();
|
|
11
|
-
this.title = input();
|
|
12
|
-
this.location = input();
|
|
13
|
-
this.responsible = input();
|
|
14
|
-
this.type = input('academic');
|
|
15
|
-
this.isListItem = input(false);
|
|
16
|
-
this.image = input();
|
|
17
|
-
this.dateFormat = input('yyyy-MM-dd HH:mm:ss');
|
|
18
|
-
this.badgeText = input('');
|
|
19
|
-
this.parsedStartDate = DateTime.now();
|
|
20
|
-
this.parsedEndDate = DateTime.now();
|
|
21
|
-
}
|
|
22
|
-
ngOnInit() {
|
|
23
|
-
this.parsedStartDate = DateTime.fromFormat(this.startDate(), this.dateFormat());
|
|
24
|
-
this.parsedEndDate = DateTime.fromFormat(this.endDate(), this.dateFormat());
|
|
25
|
-
}
|
|
26
|
-
getCardClasses() {
|
|
27
|
-
const classes = ['bmb_student-activity-card'];
|
|
28
|
-
if (this.isListItem())
|
|
29
|
-
classes.push('bmb_student-activity-card-list-item');
|
|
30
|
-
else
|
|
31
|
-
classes.push(`bmb_student-activity-card-${this.type()}`);
|
|
32
|
-
return classes;
|
|
33
|
-
}
|
|
34
|
-
getBadgeType() {
|
|
35
|
-
switch (this.type()) {
|
|
36
|
-
case 'academic':
|
|
37
|
-
return 'strong';
|
|
38
|
-
case 'life':
|
|
39
|
-
return 'mitec_green';
|
|
40
|
-
case 'events':
|
|
41
|
-
return 'mitec_purple';
|
|
42
|
-
case 'save_the_date':
|
|
43
|
-
return 'mitec_orange';
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbStudentActivityCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BmbStudentActivityCardComponent, isStandalone: true, selector: "bmb-student-activity-card", inputs: { startDate: { classPropertyName: "startDate", publicName: "startDate", isSignal: true, isRequired: true, transformFunction: null }, endDate: { classPropertyName: "endDate", publicName: "endDate", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, responsible: { classPropertyName: "responsible", publicName: "responsible", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, isListItem: { classPropertyName: "isListItem", publicName: "isListItem", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, badgeText: { classPropertyName: "badgeText", publicName: "badgeText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngClass]=\"getCardClasses()\">\n @if (isListItem() && image()) {\n <figure class=\"bmb_student-activity-card-image\">\n <img\n class=\"bmb_student-activity-card-image-pic\"\n [src]=\"image()\"\n [alt]=\"title()\"\n />\n </figure>\n }\n <div class=\"bmb_student-activity-card-badge\">\n <bmb-badge\n [appearance]=\"getBadgeType()\"\n [text]=\"badgeText()\"\n [container]=\"true\"\n />\n </div>\n <h4 class=\"bmb_student-activity-card-title\">\n {{ title() }}\n </h4>\n <section class=\"bmb_student-activity-card-content\">\n <strong class=\"bmb_student-activity-card-content-time\">\n {{ parsedStartDate.toFormat(isListItem() ? 'hh:mm' : 'hh:mm a') }} -\n {{ parsedEndDate.toFormat(isListItem() ? 'hh:mm' : 'hh:mm a') }}\n </strong>\n <p class=\"bmb_student-activity-card-content-location\">\n {{ location() }}<br />\n @if (!isListItem()) {\n {{ responsible() }}\n }\n </p>\n </section>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_student-activity-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;width:clamp(12.5rem,100%,21.25rem);padding:1.5rem;border-radius:1.5rem;box-shadow:var(--bmb-box-shadow-2)}.bmb_student-activity-card-academic{background-image:linear-gradient(139deg,RGBA(var(--color-mariner-950)) -47.21%,RGBA(var(--color-mariner-900)) 93.52%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-academic .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-life{background-image:linear-gradient(325deg,RGBA(var(--color-green-primary)) 18.73%,RGBA(var(--color-green-light)) 103.37%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-life .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-events{background-image:linear-gradient(132deg,RGBA(var(--color-purple-primary)) -7.51%,RGBA(var(--color-purple-light)) 98.98%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-events .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-save_the_date{background-image:linear-gradient(132deg,RGBA(var(--color-yellow-primary)) -7.51%,RGBA(var(--mitec_orange-primary)) 98.98%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-save_the_date .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-list-item{border-bottom:.0625rem solid var(--general_contrasts-50);width:100%;border-radius:0;box-shadow:none;display:grid;grid-template-columns:4rem 1fr max-content;grid-template-rows:auto;gap:.5rem;padding:1rem 0;grid-template-areas:\"image title badge\" \"image location location\"}.bmb_student-activity-card-list-item .bmb_student-activity-card-title{padding:0}.bmb_student-activity-card-list-item .bmb_student-activity-card-content{display:flex;gap:.5rem;flex-direction:row-reverse;align-items:center}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;flex:1;color:var(--general_contrasts-75)}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;color:var(--general_contrasts-75)}.bmb_student-activity-card-title{padding:var(--bmb-spacing-m) 0 3.125rem;font-family:Poppins-Regular,sans-serif;font-size:1.25rem;font-weight:400;grid-area:title}.bmb_student-activity-card-image{margin:0;width:4rem;height:4rem;overflow:hidden;border-radius:.5rem;grid-area:image}.bmb_student-activity-card-image-pic{object-fit:fill;width:100%;height:100%}.bmb_student-activity-card-badge{grid-area:badge}.bmb_student-activity-card-badge .bmb_badge-container.bmb_badge-mitec_green{background-color:RGBA(var(--color-mitec-green))}.bmb_student-activity-card-badge .bmb_badge-container.bmb_badge-mitec_purple{background-color:RGBA(var(--color-mitec-purple))}.bmb_student-activity-card-badge .bmb_badge-container.bmb_badge-mitec_orange{background-color:RGBA(var(--mitec_orange-tint))}.bmb_student-activity-card-badge .bmb_badge-container .bmb_badge-bullet{background-color:RGBA(var(--color-charade-900))}.bmb_student-activity-card-badge .bmb_badge-container .bmb_badge-content{color:RGBA(var(--color-charade-900))}.bmb_student-activity-card-content{text-align:right;grid-area:location}.bmb_student-activity-card-content-time{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem;font-weight:600}.bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
48
|
-
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbStudentActivityCardComponent, decorators: [{
|
|
50
|
-
type: Component,
|
|
51
|
-
args: [{ selector: 'bmb-student-activity-card', standalone: true, imports: [CommonModule, BmbBadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"getCardClasses()\">\n @if (isListItem() && image()) {\n <figure class=\"bmb_student-activity-card-image\">\n <img\n class=\"bmb_student-activity-card-image-pic\"\n [src]=\"image()\"\n [alt]=\"title()\"\n />\n </figure>\n }\n <div class=\"bmb_student-activity-card-badge\">\n <bmb-badge\n [appearance]=\"getBadgeType()\"\n [text]=\"badgeText()\"\n [container]=\"true\"\n />\n </div>\n <h4 class=\"bmb_student-activity-card-title\">\n {{ title() }}\n </h4>\n <section class=\"bmb_student-activity-card-content\">\n <strong class=\"bmb_student-activity-card-content-time\">\n {{ parsedStartDate.toFormat(isListItem() ? 'hh:mm' : 'hh:mm a') }} -\n {{ parsedEndDate.toFormat(isListItem() ? 'hh:mm' : 'hh:mm a') }}\n </strong>\n <p class=\"bmb_student-activity-card-content-location\">\n {{ location() }}<br />\n @if (!isListItem()) {\n {{ responsible() }}\n }\n </p>\n </section>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_student-activity-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;width:clamp(12.5rem,100%,21.25rem);padding:1.5rem;border-radius:1.5rem;box-shadow:var(--bmb-box-shadow-2)}.bmb_student-activity-card-academic{background-image:linear-gradient(139deg,RGBA(var(--color-mariner-950)) -47.21%,RGBA(var(--color-mariner-900)) 93.52%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-academic .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-life{background-image:linear-gradient(325deg,RGBA(var(--color-green-primary)) 18.73%,RGBA(var(--color-green-light)) 103.37%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-life .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-events{background-image:linear-gradient(132deg,RGBA(var(--color-purple-primary)) -7.51%,RGBA(var(--color-purple-light)) 98.98%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-events .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-save_the_date{background-image:linear-gradient(132deg,RGBA(var(--color-yellow-primary)) -7.51%,RGBA(var(--mitec_orange-primary)) 98.98%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-save_the_date .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-list-item{border-bottom:.0625rem solid var(--general_contrasts-50);width:100%;border-radius:0;box-shadow:none;display:grid;grid-template-columns:4rem 1fr max-content;grid-template-rows:auto;gap:.5rem;padding:1rem 0;grid-template-areas:\"image title badge\" \"image location location\"}.bmb_student-activity-card-list-item .bmb_student-activity-card-title{padding:0}.bmb_student-activity-card-list-item .bmb_student-activity-card-content{display:flex;gap:.5rem;flex-direction:row-reverse;align-items:center}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;flex:1;color:var(--general_contrasts-75)}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;color:var(--general_contrasts-75)}.bmb_student-activity-card-title{padding:var(--bmb-spacing-m) 0 3.125rem;font-family:Poppins-Regular,sans-serif;font-size:1.25rem;font-weight:400;grid-area:title}.bmb_student-activity-card-image{margin:0;width:4rem;height:4rem;overflow:hidden;border-radius:.5rem;grid-area:image}.bmb_student-activity-card-image-pic{object-fit:fill;width:100%;height:100%}.bmb_student-activity-card-badge{grid-area:badge}.bmb_student-activity-card-badge .bmb_badge-container.bmb_badge-mitec_green{background-color:RGBA(var(--color-mitec-green))}.bmb_student-activity-card-badge .bmb_badge-container.bmb_badge-mitec_purple{background-color:RGBA(var(--color-mitec-purple))}.bmb_student-activity-card-badge .bmb_badge-container.bmb_badge-mitec_orange{background-color:RGBA(var(--mitec_orange-tint))}.bmb_student-activity-card-badge .bmb_badge-container .bmb_badge-bullet{background-color:RGBA(var(--color-charade-900))}.bmb_student-activity-card-badge .bmb_badge-container .bmb_badge-content{color:RGBA(var(--color-charade-900))}.bmb_student-activity-card-content{text-align:right;grid-area:location}.bmb_student-activity-card-content-time{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem;font-weight:600}.bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0}\n"] }]
|
|
52
|
-
}] });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXN0dWRlbnQtYWN0aXZpdHktY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1uZy9zcmMvbGliL2NvbXBvbmVudHMvYm1iLXN0dWRlbnQtYWN0aXZpdHktY2FyZC9ibWItc3R1ZGVudC1hY3Rpdml0eS1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3R1ZGVudC1hY3Rpdml0eS1jYXJkL2JtYi1zdHVkZW50LWFjdGl2aXR5LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFFTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUVqQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBWXJFLE1BQU0sT0FBTywrQkFBK0I7SUFUNUM7UUFVRSxjQUFTLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ3JDLFlBQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDbkMsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3hCLGFBQVEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUMzQixnQkFBVyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzlCLFNBQUksR0FBRyxLQUFLLENBQWdCLFVBQVUsQ0FBQyxDQUFDO1FBQ3hDLGVBQVUsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDbkMsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3hCLGVBQVUsR0FBRyxLQUFLLENBQVMscUJBQXFCLENBQUMsQ0FBQztRQUNsRCxjQUFTLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBRTlCLG9CQUFlLEdBQWEsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBQzNDLGtCQUFhLEdBQWEsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDO0tBOEIxQztJQTVCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsR0FBRyxRQUFRLENBQUMsVUFBVSxDQUN4QyxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQ2hCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FDbEIsQ0FBQztRQUNGLElBQUksQ0FBQyxhQUFhLEdBQUcsUUFBUSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUM7SUFDOUUsQ0FBQztJQUVELGNBQWM7UUFDWixNQUFNLE9BQU8sR0FBRyxDQUFDLDJCQUEyQixDQUFDLENBQUM7UUFDOUMsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxxQ0FBcUMsQ0FBQyxDQUFDOztZQUN0RSxPQUFPLENBQUMsSUFBSSxDQUFDLDZCQUE2QixJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRTlELE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxZQUFZO1FBQ1YsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQztZQUNwQixLQUFLLFVBQVU7Z0JBQ2IsT0FBTyxRQUFRLENBQUM7WUFDbEIsS0FBSyxNQUFNO2dCQUNULE9BQU8sYUFBYSxDQUFDO1lBQ3ZCLEtBQUssUUFBUTtnQkFDWCxPQUFPLGNBQWMsQ0FBQztZQUN4QixLQUFLLGVBQWU7Z0JBQ2xCLE9BQU8sY0FBYyxDQUFDO1FBQzFCLENBQUM7SUFDSCxDQUFDOytHQTFDVSwrQkFBK0I7bUdBQS9CLCtCQUErQixtMkNDdEI1Qyx3L0JBaUNBLG0vU0RqQlksWUFBWSw2SEFBRSxpQkFBaUI7OzRGQU05QiwrQkFBK0I7a0JBVDNDLFNBQVM7K0JBQ0UsMkJBQTJCLGNBQ3pCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxpQkFBaUIsQ0FBQyxtQkFDekIsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBpbnB1dCxcbiAgb3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYXRlVGltZSB9IGZyb20gJ2x1eG9uJztcbmltcG9ydCB7IElCbWJFdmVudFR5cGUgfSBmcm9tICcuLi9ibWItY2FsZW5kYXIvdHlwZXMnO1xuaW1wb3J0IHsgQm1iQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuLi9ibWItYmFkZ2UvYm1iLWJhZGdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJQmJtQmdBcHBlYXJhbmNlIH0gZnJvbSAnLi4vYm1iLWFkdmVydGlzZW1lbnQtY2FyZC90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JtYi1zdHVkZW50LWFjdGl2aXR5LWNhcmQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCbWJCYWRnZUNvbXBvbmVudF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICB0ZW1wbGF0ZVVybDogJy4vYm1iLXN0dWRlbnQtYWN0aXZpdHktY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9ibWItc3R1ZGVudC1hY3Rpdml0eS1jYXJkLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgQm1iU3R1ZGVudEFjdGl2aXR5Q2FyZENvbXBvbmVudCB7XG4gIHN0YXJ0RGF0ZSA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgZW5kRGF0ZSA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIGxvY2F0aW9uID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZXNwb25zaWJsZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgdHlwZSA9IGlucHV0PElCbWJFdmVudFR5cGU+KCdhY2FkZW1pYycpO1xuICBpc0xpc3RJdGVtID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICBpbWFnZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgZGF0ZUZvcm1hdCA9IGlucHV0PHN0cmluZz4oJ3l5eXktTU0tZGQgSEg6bW06c3MnKTtcbiAgYmFkZ2VUZXh0ID0gaW5wdXQ8c3RyaW5nPignJyk7XG5cbiAgcGFyc2VkU3RhcnREYXRlOiBEYXRlVGltZSA9IERhdGVUaW1lLm5vdygpO1xuICBwYXJzZWRFbmREYXRlOiBEYXRlVGltZSA9IERhdGVUaW1lLm5vdygpO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucGFyc2VkU3RhcnREYXRlID0gRGF0ZVRpbWUuZnJvbUZvcm1hdChcbiAgICAgIHRoaXMuc3RhcnREYXRlKCksXG4gICAgICB0aGlzLmRhdGVGb3JtYXQoKSxcbiAgICApO1xuICAgIHRoaXMucGFyc2VkRW5kRGF0ZSA9IERhdGVUaW1lLmZyb21Gb3JtYXQodGhpcy5lbmREYXRlKCksIHRoaXMuZGF0ZUZvcm1hdCgpKTtcbiAgfVxuXG4gIGdldENhcmRDbGFzc2VzKCk6IHN0cmluZ1tdIHtcbiAgICBjb25zdCBjbGFzc2VzID0gWydibWJfc3R1ZGVudC1hY3Rpdml0eS1jYXJkJ107XG4gICAgaWYgKHRoaXMuaXNMaXN0SXRlbSgpKSBjbGFzc2VzLnB1c2goJ2JtYl9zdHVkZW50LWFjdGl2aXR5LWNhcmQtbGlzdC1pdGVtJyk7XG4gICAgZWxzZSBjbGFzc2VzLnB1c2goYGJtYl9zdHVkZW50LWFjdGl2aXR5LWNhcmQtJHt0aGlzLnR5cGUoKX1gKTtcblxuICAgIHJldHVybiBjbGFzc2VzO1xuICB9XG5cbiAgZ2V0QmFkZ2VUeXBlKCk6IElCYm1CZ0FwcGVhcmFuY2Uge1xuICAgIHN3aXRjaCAodGhpcy50eXBlKCkpIHtcbiAgICAgIGNhc2UgJ2FjYWRlbWljJzpcbiAgICAgICAgcmV0dXJuICdzdHJvbmcnO1xuICAgICAgY2FzZSAnbGlmZSc6XG4gICAgICAgIHJldHVybiAnbWl0ZWNfZ3JlZW4nO1xuICAgICAgY2FzZSAnZXZlbnRzJzpcbiAgICAgICAgcmV0dXJuICdtaXRlY19wdXJwbGUnO1xuICAgICAgY2FzZSAnc2F2ZV90aGVfZGF0ZSc6XG4gICAgICAgIHJldHVybiAnbWl0ZWNfb3JhbmdlJztcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgW25nQ2xhc3NdPVwiZ2V0Q2FyZENsYXNzZXMoKVwiPlxuICBAaWYgKGlzTGlzdEl0ZW0oKSAmJiBpbWFnZSgpKSB7XG4gICAgPGZpZ3VyZSBjbGFzcz1cImJtYl9zdHVkZW50LWFjdGl2aXR5LWNhcmQtaW1hZ2VcIj5cbiAgICAgIDxpbWdcbiAgICAgICAgY2xhc3M9XCJibWJfc3R1ZGVudC1hY3Rpdml0eS1jYXJkLWltYWdlLXBpY1wiXG4gICAgICAgIFtzcmNdPVwiaW1hZ2UoKVwiXG4gICAgICAgIFthbHRdPVwidGl0bGUoKVwiXG4gICAgICAvPlxuICAgIDwvZmlndXJlPlxuICB9XG4gIDxkaXYgY2xhc3M9XCJibWJfc3R1ZGVudC1hY3Rpdml0eS1jYXJkLWJhZGdlXCI+XG4gICAgPGJtYi1iYWRnZVxuICAgICAgW2FwcGVhcmFuY2VdPVwiZ2V0QmFkZ2VUeXBlKClcIlxuICAgICAgW3RleHRdPVwiYmFkZ2VUZXh0KClcIlxuICAgICAgW2NvbnRhaW5lcl09XCJ0cnVlXCJcbiAgICAvPlxuICA8L2Rpdj5cbiAgPGg0IGNsYXNzPVwiYm1iX3N0dWRlbnQtYWN0aXZpdHktY2FyZC10aXRsZVwiPlxuICAgIHt7IHRpdGxlKCkgfX1cbiAgPC9oND5cbiAgPHNlY3Rpb24gY2xhc3M9XCJibWJfc3R1ZGVudC1hY3Rpdml0eS1jYXJkLWNvbnRlbnRcIj5cbiAgICA8c3Ryb25nIGNsYXNzPVwiYm1iX3N0dWRlbnQtYWN0aXZpdHktY2FyZC1jb250ZW50LXRpbWVcIj5cbiAgICAgIHt7IHBhcnNlZFN0YXJ0RGF0ZS50b0Zvcm1hdChpc0xpc3RJdGVtKCkgPyAnaGg6bW0nIDogJ2hoOm1tIGEnKSB9fSAtXG4gICAgICB7eyBwYXJzZWRFbmREYXRlLnRvRm9ybWF0KGlzTGlzdEl0ZW0oKSA/ICdoaDptbScgOiAnaGg6bW0gYScpIH19XG4gICAgPC9zdHJvbmc+XG4gICAgPHAgY2xhc3M9XCJibWJfc3R1ZGVudC1hY3Rpdml0eS1jYXJkLWNvbnRlbnQtbG9jYXRpb25cIj5cbiAgICAgIHt7IGxvY2F0aW9uKCkgfX08YnIgLz5cbiAgICAgIEBpZiAoIWlzTGlzdEl0ZW0oKSkge1xuICAgICAgICB7eyByZXNwb25zaWJsZSgpIH19XG4gICAgICB9XG4gICAgPC9wPlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export class BmbTabStudentActivityComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.title = '';
|
|
8
|
-
this.subtitle = '';
|
|
9
|
-
this.active = false;
|
|
10
|
-
this.appearance = 'academic';
|
|
11
|
-
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbTabStudentActivityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BmbTabStudentActivityComponent, isStandalone: true, selector: "bmb-student-activity-tab", inputs: { title: "title", subtitle: "subtitle", active: "active", appearance: "appearance" }, ngImport: i0, template: "<div *ngIf=\"active\" class=\"bmb_student_activity-content\">\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
14
|
-
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbTabStudentActivityComponent, decorators: [{
|
|
16
|
-
type: Component,
|
|
17
|
-
args: [{ selector: 'bmb-student-activity-tab', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"active\" class=\"bmb_student_activity-content\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
18
|
-
}], propDecorators: { title: [{
|
|
19
|
-
type: Input
|
|
20
|
-
}], subtitle: [{
|
|
21
|
-
type: Input
|
|
22
|
-
}], active: [{
|
|
23
|
-
type: Input
|
|
24
|
-
}], appearance: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXN0dWRlbnQtYWN0aXZpdHktdGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3R1ZGVudC1hY3Rpdml0eS1zZWxlY3Rvci9ibWItc3R1ZGVudC1hY3Rpdml0eS10YWIvYm1iLXN0dWRlbnQtYWN0aXZpdHktdGFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3R1ZGVudC1hY3Rpdml0eS1zZWxlY3Rvci9ibWItc3R1ZGVudC1hY3Rpdml0eS10YWIvYm1iLXN0dWRlbnQtYWN0aXZpdHktdGFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxpQkFBaUIsRUFDakIsdUJBQXVCLEdBQ3hCLE1BQU0sZUFBZSxDQUFDOzs7QUFXdkIsTUFBTSxPQUFPLDhCQUE4QjtJQVIzQztRQVNXLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2YsZUFBVSxHQUErQixVQUFVLENBQUM7S0FDOUQ7K0dBTFksOEJBQThCO21HQUE5Qiw4QkFBOEIsa0xDakIzQyxzR0FHQSwyQ0RTWSxZQUFZOzs0RkFLWCw4QkFBOEI7a0JBUjFDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFDTix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUk1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSVN0dWRlbnRBY3Rpdml0eUFwcGVhcmFuY2UgfSBmcm9tICcuLi8uLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JtYi1zdHVkZW50LWFjdGl2aXR5LXRhYicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi1zdHVkZW50LWFjdGl2aXR5LXRhYi5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEJtYlRhYlN0dWRlbnRBY3Rpdml0eUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgc3VidGl0bGU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBhY3RpdmUgPSBmYWxzZTtcbiAgQElucHV0KCkgYXBwZWFyYW5jZTogSVN0dWRlbnRBY3Rpdml0eUFwcGVhcmFuY2UgPSAnYWNhZGVtaWMnO1xufVxuIiwiPGRpdiAqbmdJZj1cImFjdGl2ZVwiIGNsYXNzPVwiYm1iX3N0dWRlbnRfYWN0aXZpdHktY29udGVudFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|