@bizy/core 20.9.1 → 20.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { EventEmitter, OnInit, OnDestroy, AfterViewInit, TemplateRef, PipeTransform, QueryList, ElementRef, ViewContainerRef, AfterContentInit, ChangeDetectorRef, RendererFactory2, Renderer2 } from '@angular/core';
2
+ import { EventEmitter, PipeTransform, ElementRef, AfterViewInit, OnDestroy, OnInit, TemplateRef, QueryList, ViewContainerRef, AfterContentInit, ChangeDetectorRef, RendererFactory2, Renderer2 } from '@angular/core';
3
3
  import { CalendarEvent, CalendarMonthViewDay } from 'angular-calendar';
4
4
  import { Subject, Observable, BehaviorSubject } from 'rxjs';
5
5
  import { UppyFile, SuccessResponse } from '@uppy/core';
@@ -7,7 +7,7 @@ import { AbstractControl, ValidatorFn } from '@angular/forms';
7
7
  import { Portal, TemplatePortal, ComponentType } from '@angular/cdk/portal';
8
8
  import { DialogRef } from '@angular/cdk/dialog';
9
9
  import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
10
- import { TranslateModule } from '@ngx-translate/core';
10
+ import { LangChangeEvent, TranslateModule } from '@ngx-translate/core';
11
11
  import { ActivatedRouteSnapshot, Router, ActivatedRoute } from '@angular/router';
12
12
  import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';
13
13
  import Fuse, { FuseGetFunction } from 'fuse.js';
@@ -39,21 +39,20 @@ declare enum MIME_TYPE {
39
39
  MPEG = "audio/mpeg",
40
40
  WAV = "audio/wav"
41
41
  }
42
- declare enum MODE {
43
- NORMAL = "NORMAL"
42
+
43
+ declare class BizyAudioPlayerFormatSecondsPipe implements PipeTransform {
44
+ transform(seconds: number): string;
45
+ static ɵfac: i0.ɵɵFactoryDeclaration<BizyAudioPlayerFormatSecondsPipe, never>;
46
+ static ɵpipe: i0.ɵɵPipeDeclaration<BizyAudioPlayerFormatSecondsPipe, "bizyAudioPlayerFormatSeconds", true>;
44
47
  }
45
48
 
46
49
  declare class BizyAudioPlayerComponent {
47
50
  #private;
48
- id: string;
49
- enableLogs: boolean;
50
- audioPlayerError: string;
51
- showDownload: boolean;
52
- autoplay: boolean;
53
- disabled: boolean;
54
- downloadURL: string;
55
- downloadFileName: string;
56
- onTrackPlayerRate: EventEmitter<string>;
51
+ playButtonRef: ElementRef<HTMLButtonElement>;
52
+ audioRef: ElementRef<HTMLAudioElement>;
53
+ seekSliderRef: ElementRef<HTMLInputElement>;
54
+ muteButtonRef: ElementRef<HTMLButtonElement>;
55
+ onPlaybackRate: EventEmitter<string>;
57
56
  onDownload: EventEmitter<void>;
58
57
  canPlay: EventEmitter<Event>;
59
58
  onPause: EventEmitter<Event>;
@@ -70,40 +69,59 @@ declare class BizyAudioPlayerComponent {
70
69
  onPlay: EventEmitter<Event>;
71
70
  onPlaying: EventEmitter<Event>;
72
71
  onProgress: EventEmitter<Event>;
73
- onRateChange: EventEmitter<Event>;
74
72
  onSeeked: EventEmitter<Event>;
75
73
  onSeeking: EventEmitter<Event>;
76
74
  onSuspend: EventEmitter<Event>;
77
75
  onTimeUpdate: EventEmitter<Event>;
78
76
  onVolumeChange: EventEmitter<Event>;
79
77
  onWaiting: EventEmitter<Event>;
80
- readonly MIME_TYPE: typeof MIME_TYPE;
81
- readonly MODE: typeof MODE;
82
- readonly BACKWARD_SECONDS = -15;
83
- readonly FORWARD_SECONDS = 15;
78
+ enableLogs: boolean;
79
+ disabled: boolean;
80
+ autoplay: boolean;
81
+ set download(download: {
82
+ show?: boolean;
83
+ url?: string;
84
+ name?: string;
85
+ });
86
+ set playbackRate(playbackRate: {
87
+ show?: boolean;
88
+ default?: number;
89
+ });
90
+ set src(src: string);
84
91
  _duration: number;
85
92
  _currentTime: number;
86
93
  _paused: boolean;
87
- _mode: MODE;
88
- _audioURL: string | null;
94
+ _muted: boolean;
95
+ _src: string | null;
96
+ _showDownload: boolean;
97
+ _downloadURL: string | null;
98
+ _downloadFileName: string | null;
99
+ _showPlaybackRate: boolean;
89
100
  _playbackRate: number;
90
- _loading: boolean;
101
+ readonly MIME_TYPE: typeof MIME_TYPE;
102
+ readonly BACKWARD_SECONDS = -15;
103
+ readonly FORWARD_SECONDS = 15;
91
104
  get duration(): number;
92
105
  get currentTime(): number;
93
106
  get paused(): boolean;
94
- set audioURL(audioURL: string);
95
- set mode(mode: MODE);
107
+ get muted(): boolean;
96
108
  ngAfterViewInit(): void;
97
109
  getNativeElement: () => any;
98
- play(): Promise<void>;
99
- pause(): Promise<void>;
100
- stop(): Promise<void>;
110
+ togglePlay: () => Promise<void>;
111
+ toggleMute: () => void;
112
+ play: () => Promise<void>;
113
+ pause: () => Promise<void>;
114
+ mute: () => void;
115
+ unmute: () => void;
116
+ stop: () => Promise<void>;
117
+ backward: (seconds: number) => void;
118
+ forward: (seconds: number) => void;
101
119
  seekTo(seconds: number): void;
102
- _onTrackPlayerRate(): void;
103
- _onDownload(): void;
120
+ setPlaybackRate(): void;
121
+ downloadAudio: () => void;
104
122
  ngOnDestroy(): void;
105
123
  static ɵfac: i0.ɵɵFactoryDeclaration<BizyAudioPlayerComponent, never>;
106
- static ɵcmp: i0.ɵɵComponentDeclaration<BizyAudioPlayerComponent, "bizy-audio-player", never, { "id": { "alias": "id"; "required": false; }; "enableLogs": { "alias": "enableLogs"; "required": false; }; "audioPlayerError": { "alias": "audioPlayerError"; "required": false; }; "showDownload": { "alias": "showDownload"; "required": false; }; "autoplay": { "alias": "autoplay"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "downloadURL": { "alias": "downloadURL"; "required": false; }; "downloadFileName": { "alias": "downloadFileName"; "required": false; }; "audioURL": { "alias": "audioURL"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "onTrackPlayerRate": "onTrackPlayerRate"; "onDownload": "onDownload"; "canPlay": "canPlay"; "onPause": "onPause"; "onEnded": "onEnded"; "onStalled": "onStalled"; "onAbort": "onAbort"; "onError": "onError"; "onEmptied": "onEmptied"; "canPlayThrough": "canPlayThrough"; "durationChange": "durationChange"; "onLoadedData": "onLoadedData"; "onLoadedMetadata": "onLoadedMetadata"; "onLoadStart": "onLoadStart"; "onPlay": "onPlay"; "onPlaying": "onPlaying"; "onProgress": "onProgress"; "onRateChange": "onRateChange"; "onSeeked": "onSeeked"; "onSeeking": "onSeeking"; "onSuspend": "onSuspend"; "onTimeUpdate": "onTimeUpdate"; "onVolumeChange": "onVolumeChange"; "onWaiting": "onWaiting"; }, never, never, true, never>;
124
+ static ɵcmp: i0.ɵɵComponentDeclaration<BizyAudioPlayerComponent, "bizy-audio-player", never, { "enableLogs": { "alias": "enableLogs"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "autoplay": { "alias": "autoplay"; "required": false; }; "download": { "alias": "download"; "required": false; }; "playbackRate": { "alias": "playbackRate"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, { "onPlaybackRate": "onPlaybackRate"; "onDownload": "onDownload"; "canPlay": "canPlay"; "onPause": "onPause"; "onEnded": "onEnded"; "onStalled": "onStalled"; "onAbort": "onAbort"; "onError": "onError"; "onEmptied": "onEmptied"; "canPlayThrough": "canPlayThrough"; "durationChange": "durationChange"; "onLoadedData": "onLoadedData"; "onLoadedMetadata": "onLoadedMetadata"; "onLoadStart": "onLoadStart"; "onPlay": "onPlay"; "onPlaying": "onPlaying"; "onProgress": "onProgress"; "onSeeked": "onSeeked"; "onSeeking": "onSeeking"; "onSuspend": "onSuspend"; "onTimeUpdate": "onTimeUpdate"; "onVolumeChange": "onVolumeChange"; "onWaiting": "onWaiting"; }, never, never, true, never>;
107
125
  }
108
126
 
109
127
  declare class BizyAudioPlayerModule {
@@ -112,6 +130,39 @@ declare class BizyAudioPlayerModule {
112
130
  static ɵinj: i0.ɵɵInjectorDeclaration<BizyAudioPlayerModule>;
113
131
  }
114
132
 
133
+ declare class BizyAudioRecorderComponent implements AfterViewInit, OnDestroy {
134
+ #private;
135
+ waveformCanvas: ElementRef<HTMLCanvasElement>;
136
+ recordButton: ElementRef<HTMLButtonElement>;
137
+ disabled: boolean;
138
+ duration: number | null;
139
+ onStart: EventEmitter<void>;
140
+ onStop: EventEmitter<void>;
141
+ onError: EventEmitter<Error>;
142
+ onRecording: EventEmitter<string>;
143
+ _isRecording: boolean;
144
+ circumference: number;
145
+ strokeDashoffset: number;
146
+ circleRadius: number;
147
+ circleCenter: number;
148
+ svgViewBox: string;
149
+ canvasSize: number;
150
+ strokeColor: string;
151
+ get isRecording(): boolean;
152
+ ngAfterViewInit(): void;
153
+ startRecording(): Promise<void>;
154
+ stopRecording(): void;
155
+ ngOnDestroy(): void;
156
+ static ɵfac: i0.ɵɵFactoryDeclaration<BizyAudioRecorderComponent, never>;
157
+ static ɵcmp: i0.ɵɵComponentDeclaration<BizyAudioRecorderComponent, "bizy-audio-recorder", never, { "disabled": { "alias": "disabled"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; }, { "onStart": "onStart"; "onStop": "onStop"; "onError": "onError"; "onRecording": "onRecording"; }, never, never, true, never>;
158
+ }
159
+
160
+ declare class BizyAudioRecorderModule {
161
+ static ɵfac: i0.ɵɵFactoryDeclaration<BizyAudioRecorderModule, never>;
162
+ static ɵmod: i0.ɵɵNgModuleDeclaration<BizyAudioRecorderModule, never, [typeof BizyAudioRecorderComponent], [typeof BizyAudioRecorderComponent]>;
163
+ static ɵinj: i0.ɵɵInjectorDeclaration<BizyAudioRecorderModule>;
164
+ }
165
+
115
166
  declare class BizyBarLineChartPopupComponent implements OnInit {
116
167
  #private;
117
168
  ngOnInit(): void;
@@ -1787,6 +1838,7 @@ interface ILocale {
1787
1838
  }
1788
1839
  declare class BizyTranslateService {
1789
1840
  #private;
1841
+ get language$(): EventEmitter<LangChangeEvent>;
1790
1842
  loadTranslations(...args: ILocale[]): void;
1791
1843
  addLangs(langs: Array<LANGUAGE>): void;
1792
1844
  getLangs(): Array<LANGUAGE>;
@@ -2325,5 +2377,5 @@ declare class BizyDirectivesModule {
2325
2377
  static ɵinj: i0.ɵɵInjectorDeclaration<BizyDirectivesModule>;
2326
2378
  }
2327
2379
 
2328
- export { BIZY_ANIMATION, BIZY_CALENDAR_DAY, BIZY_CALENDAR_EVENT_ACTION, BIZY_CALENDAR_LANGUAGE, BIZY_CALENDAR_MODE, BIZY_FORMAT_SECONDS_FORMAT, BIZY_FORMAT_SECONDS_LANGUAGE, BIZY_SKELETON_SHAPE, BIZY_TAG_TYPE, BizyAccordionComponent, BizyAccordionModule, BizyAnimationService, BizyAudioPlayerComponent, BizyAudioPlayerModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBarLineChartPopupComponent, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyHeatMapChartComponent, BizyHeatMapChartModule, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuBarComponent, BizyMenuBarModule, BizyMenuBarOptionComponent, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPieChartPopupComponent, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRoundPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStorageService, BizyTabComponent, BizyTableColumnArrowsComponent, BizyTableColumnComponent, BizyTableColumnFixedDirective, BizyTableComponent, BizyTableFooterComponent, BizyTableHeaderComponent, BizyTableModule, BizyTableRowComponent, BizyTableRowExpandContentComponent, BizyTableScrollingComponent, BizyTableScrollingDirective, BizyTabsComponent, BizyTabsModule, BizyTagComponent, BizyTagModule, BizyTextEllipsisDirective, BizyTimelineComponent, BizyTimelineEventComponent, BizyTimelineModule, BizyToastModule, BizyToastService, BizyToastWrapperComponent, BizyToggleComponent, BizyToggleModule, BizyToolbarComponent, BizyToolbarModule, BizyTooltipDirective, BizyTrackByIdDirective, BizyTranslateModule, BizyTranslatePipe, BizyTranslateService, BizyUniquePipe, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE, MODE, POPUP_PLACEMENT };
2380
+ export { BIZY_ANIMATION, BIZY_CALENDAR_DAY, BIZY_CALENDAR_EVENT_ACTION, BIZY_CALENDAR_LANGUAGE, BIZY_CALENDAR_MODE, BIZY_FORMAT_SECONDS_FORMAT, BIZY_FORMAT_SECONDS_LANGUAGE, BIZY_SKELETON_SHAPE, BIZY_TAG_TYPE, BizyAccordionComponent, BizyAccordionModule, BizyAnimationService, BizyAudioPlayerComponent, BizyAudioPlayerFormatSecondsPipe, BizyAudioPlayerModule, BizyAudioRecorderComponent, BizyAudioRecorderModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBarLineChartPopupComponent, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyHeatMapChartComponent, BizyHeatMapChartModule, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuBarComponent, BizyMenuBarModule, BizyMenuBarOptionComponent, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPieChartPopupComponent, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRoundPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStorageService, BizyTabComponent, BizyTableColumnArrowsComponent, BizyTableColumnComponent, BizyTableColumnFixedDirective, BizyTableComponent, BizyTableFooterComponent, BizyTableHeaderComponent, BizyTableModule, BizyTableRowComponent, BizyTableRowExpandContentComponent, BizyTableScrollingComponent, BizyTableScrollingDirective, BizyTabsComponent, BizyTabsModule, BizyTagComponent, BizyTagModule, BizyTextEllipsisDirective, BizyTimelineComponent, BizyTimelineEventComponent, BizyTimelineModule, BizyToastModule, BizyToastService, BizyToastWrapperComponent, BizyToggleComponent, BizyToggleModule, BizyToolbarComponent, BizyToolbarModule, BizyTooltipDirective, BizyTrackByIdDirective, BizyTranslateModule, BizyTranslatePipe, BizyTranslateService, BizyUniquePipe, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE, POPUP_PLACEMENT };
2329
2381
  export type { IBizyBarLineChartData, IBizyBreadcrumb, IBizyCalendarEvent, IBizyHeatMapChartData, IBizyHeatMapChartRange, IBizyHeatMapHighlightArea, IBizyHeatMapHighlightLine, IBizyHeatMapHighlightLineLabel, IBizyPieChartData, IBizyPopupResponse, IBizySearchPipeOptions, ILocale, LabelPosition };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bizy/core",
3
- "version": "20.9.1",
3
+ "version": "20.10.1",
4
4
  "peerDependencies": {
5
5
  "@angular/cdk": "^20.0.0",
6
6
  "@angular/common": "^20.0.0",
@@ -21,6 +21,7 @@
21
21
  "flatpickr": "4.6.13",
22
22
  "fuse.js": "7.1.0",
23
23
  "html2canvas": "1.4.1",
24
+ "lottie-web": "5.13.0",
24
25
  "ngx-device-detector": "10.0.2",
25
26
  "validator": "13.15.15",
26
27
  "rxjs": "^7.4.0",
@@ -32,12 +32,21 @@
32
32
 
33
33
  --bizy-animation-timeout: 500ms;
34
34
 
35
- --bizy-audio-player-min-width: 20rem;
36
- --bizy-audio-player-max-width: 100%;
37
- --bizy-audio-player-rate-button-background-color: var(--bizy-default-color);
38
- --bizy-audio-player-rate-button-color: #fff;
39
- --bizy-audio-player-download-button-background-color: var(--bizy-accent-color);
40
- --bizy-audio-player-download-button-color: #fff;
35
+ --bizy-audio-player-width: 100%;
36
+ --bizy-audio-player-height: 2.6rem;
37
+ --bizy-audio-player-seek-before-width: 0;
38
+ --bizy-audio-player-seek-before-background-color: var(--bizy-info-color);
39
+ --bizy-audio-player-seek-slider-thumb-border: 0.1rem solid var(--bizy-info-color);;
40
+ --bizy-audio-player-seek-slider-thumb-background-color: #fff;
41
+ --bizy-audio-player-seek-slider-thumb-active-background-color: var(--bizy-light-info-color);
42
+ --bizy-audio-player-buffered-width: 0;
43
+ --bizy-audio-player-volume-before-width: 100%;
44
+ --bizy-audio-player-play-button-color: var(--bizy-info-color);
45
+ --bizy-audio-player-mute-button-color: var(--bizy-info-color);
46
+ --bizy-audio-player-playback-rate-button-color: var(--bizy-info-color);
47
+ --bizy-audio-player-playback-rate-button-hover-color: var(--bizy-light-info-color);
48
+ --bizy-audio-player-download-button-color: var(--bizy-info-color);
49
+ --bizy-audio-player-download-button-hover-color: var(--bizy-light-info-color);
41
50
 
42
51
  --bizy-audio-recorder-record-button-height: 8rem;
43
52
  --bizy-audio-recorder-record-button-width: 8rem;