newskit 5.1.0 → 5.3.0
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/cjs/audio-player-composable/audio-functions.d.ts +22 -0
- package/cjs/audio-player-composable/audio-functions.d.ts.map +1 -0
- package/cjs/audio-player-composable/audio-functions.js +271 -0
- package/cjs/audio-player-composable/audio-functions.js.map +1 -0
- package/cjs/audio-player-composable/audio-player-composable.d.ts +4 -0
- package/cjs/audio-player-composable/audio-player-composable.d.ts.map +1 -0
- package/cjs/audio-player-composable/audio-player-composable.js +141 -0
- package/cjs/audio-player-composable/audio-player-composable.js.map +1 -0
- package/cjs/audio-player-composable/components/audio-element.d.ts +3 -0
- package/cjs/audio-player-composable/components/audio-element.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/audio-element.js +16 -0
- package/cjs/audio-player-composable/components/audio-element.js.map +1 -0
- package/cjs/audio-player-composable/components/play-pause-button/index.d.ts +3 -0
- package/cjs/audio-player-composable/components/play-pause-button/index.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/play-pause-button/index.js +15 -0
- package/cjs/audio-player-composable/components/play-pause-button/index.js.map +1 -0
- package/cjs/audio-player-composable/components/play-pause-button/play-pause-button.d.ts +4 -0
- package/cjs/audio-player-composable/components/play-pause-button/play-pause-button.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/play-pause-button/play-pause-button.js +40 -0
- package/cjs/audio-player-composable/components/play-pause-button/play-pause-button.js.map +1 -0
- package/cjs/audio-player-composable/components/play-pause-button/types.d.ts +7 -0
- package/cjs/audio-player-composable/components/play-pause-button/types.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/play-pause-button/types.js +3 -0
- package/cjs/audio-player-composable/components/play-pause-button/types.js.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/defaults.d.ts +22 -0
- package/cjs/audio-player-composable/components/seek-bar/defaults.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/defaults.js +23 -0
- package/cjs/audio-player-composable/components/seek-bar/defaults.js.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/index.d.ts +3 -0
- package/cjs/audio-player-composable/components/seek-bar/index.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/index.js +15 -0
- package/cjs/audio-player-composable/components/seek-bar/index.js.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/seek-bar.d.ts +4 -0
- package/cjs/audio-player-composable/components/seek-bar/seek-bar.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/seek-bar.js +101 -0
- package/cjs/audio-player-composable/components/seek-bar/seek-bar.js.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/style-presets.d.ts +4 -0
- package/cjs/audio-player-composable/components/seek-bar/style-presets.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/style-presets.js +41 -0
- package/cjs/audio-player-composable/components/seek-bar/style-presets.js.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/types.d.ts +11 -0
- package/cjs/audio-player-composable/components/seek-bar/types.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/types.js +3 -0
- package/cjs/audio-player-composable/components/seek-bar/types.js.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/utils.d.ts +6 -0
- package/cjs/audio-player-composable/components/seek-bar/utils.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/utils.js +53 -0
- package/cjs/audio-player-composable/components/seek-bar/utils.js.map +1 -0
- package/cjs/audio-player-composable/components/time-display/defaults.d.ts +8 -0
- package/cjs/audio-player-composable/components/time-display/defaults.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/time-display/defaults.js +9 -0
- package/cjs/audio-player-composable/components/time-display/defaults.js.map +1 -0
- package/cjs/audio-player-composable/components/time-display/index.d.ts +3 -0
- package/cjs/audio-player-composable/components/time-display/index.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/time-display/index.js +15 -0
- package/cjs/audio-player-composable/components/time-display/index.js.map +1 -0
- package/cjs/audio-player-composable/components/time-display/style-presets.d.ts +4 -0
- package/cjs/audio-player-composable/components/time-display/style-presets.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/time-display/style-presets.js +10 -0
- package/cjs/audio-player-composable/components/time-display/style-presets.js.map +1 -0
- package/cjs/audio-player-composable/components/time-display/time-display.d.ts +5 -0
- package/cjs/audio-player-composable/components/time-display/time-display.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/time-display/time-display.js +32 -0
- package/cjs/audio-player-composable/components/time-display/time-display.js.map +1 -0
- package/cjs/audio-player-composable/components/time-display/types.d.ts +13 -0
- package/cjs/audio-player-composable/components/time-display/types.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/time-display/types.js +3 -0
- package/cjs/audio-player-composable/components/time-display/types.js.map +1 -0
- package/cjs/audio-player-composable/components/time-display/utils.d.ts +4 -0
- package/cjs/audio-player-composable/components/time-display/utils.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/time-display/utils.js +25 -0
- package/cjs/audio-player-composable/components/time-display/utils.js.map +1 -0
- package/cjs/audio-player-composable/context.d.ts +48 -0
- package/cjs/audio-player-composable/context.d.ts.map +1 -0
- package/cjs/audio-player-composable/context.js +18 -0
- package/cjs/audio-player-composable/context.js.map +1 -0
- package/cjs/audio-player-composable/index.d.ts +9 -0
- package/cjs/audio-player-composable/index.d.ts.map +1 -0
- package/cjs/audio-player-composable/index.js +28 -0
- package/cjs/audio-player-composable/index.js.map +1 -0
- package/cjs/audio-player-composable/types.d.ts +47 -0
- package/cjs/audio-player-composable/types.d.ts.map +1 -0
- package/cjs/audio-player-composable/types.js +16 -0
- package/cjs/audio-player-composable/types.js.map +1 -0
- package/cjs/audio-player-composable/utils.d.ts +4 -0
- package/cjs/audio-player-composable/utils.d.ts.map +1 -0
- package/cjs/audio-player-composable/utils.js +32 -0
- package/cjs/audio-player-composable/utils.js.map +1 -0
- package/cjs/banner/banner-internal.d.ts.map +1 -1
- package/cjs/banner/banner-internal.js +3 -6
- package/cjs/banner/banner-internal.js.map +1 -1
- package/cjs/base-switch/base-switch.d.ts +4 -0
- package/cjs/base-switch/base-switch.d.ts.map +1 -0
- package/cjs/base-switch/base-switch.js +110 -0
- package/cjs/base-switch/base-switch.js.map +1 -0
- package/cjs/base-switch/index.d.ts +3 -0
- package/cjs/base-switch/index.d.ts.map +1 -0
- package/cjs/base-switch/index.js +6 -0
- package/cjs/base-switch/index.js.map +1 -0
- package/cjs/{checkbox → base-switch}/styled.d.ts +11 -11
- package/cjs/base-switch/styled.d.ts.map +1 -0
- package/cjs/base-switch/styled.js +79 -0
- package/cjs/base-switch/styled.js.map +1 -0
- package/cjs/base-switch/types.d.ts +41 -0
- package/cjs/base-switch/types.d.ts.map +1 -0
- package/cjs/base-switch/types.js +3 -0
- package/cjs/base-switch/types.js.map +1 -0
- package/cjs/block/block.d.ts +13 -1
- package/cjs/block/block.d.ts.map +1 -1
- package/cjs/block/block.js +6 -1
- package/cjs/block/block.js.map +1 -1
- package/cjs/button/defaults.d.ts +3 -0
- package/cjs/button/defaults.d.ts.map +1 -1
- package/cjs/button/defaults.js +3 -0
- package/cjs/button/defaults.js.map +1 -1
- package/cjs/button/styled.d.ts.map +1 -1
- package/cjs/button/styled.js +9 -1
- package/cjs/button/styled.js.map +1 -1
- package/cjs/byline/byline.js +2 -2
- package/cjs/byline/byline.js.map +1 -1
- package/cjs/byline/types.d.ts +1 -0
- package/cjs/byline/types.d.ts.map +1 -1
- package/cjs/checkbox/checkbox.d.ts.map +1 -1
- package/cjs/checkbox/checkbox.js +3 -101
- package/cjs/checkbox/checkbox.js.map +1 -1
- package/cjs/checkbox/defaults.d.ts +3 -0
- package/cjs/checkbox/defaults.d.ts.map +1 -1
- package/cjs/checkbox/defaults.js +3 -0
- package/cjs/checkbox/defaults.js.map +1 -1
- package/cjs/checkbox/style-presets.d.ts.map +1 -1
- package/cjs/checkbox/style-presets.js +42 -24
- package/cjs/checkbox/style-presets.js.map +1 -1
- package/cjs/checkbox/types.d.ts +5 -34
- package/cjs/checkbox/types.d.ts.map +1 -1
- package/cjs/dialog/types.d.ts +1 -1
- package/cjs/dialog/types.d.ts.map +1 -1
- package/cjs/flag/flag.d.ts.map +1 -1
- package/cjs/flag/flag.js +1 -1
- package/cjs/flag/flag.js.map +1 -1
- package/cjs/flag/styled.d.ts.map +1 -1
- package/cjs/flag/styled.js +6 -2
- package/cjs/flag/styled.js.map +1 -1
- package/cjs/flag/types.d.ts +8 -2
- package/cjs/flag/types.d.ts.map +1 -1
- package/cjs/flag/types.js.map +1 -1
- package/cjs/form/form-input.d.ts +1 -0
- package/cjs/form/form-input.d.ts.map +1 -1
- package/cjs/form/form-input.js +11 -4
- package/cjs/form/form-input.js.map +1 -1
- package/cjs/form/types.d.ts +3 -2
- package/cjs/form/types.d.ts.map +1 -1
- package/cjs/form/utils.d.ts +0 -1
- package/cjs/form/utils.d.ts.map +1 -1
- package/cjs/form/utils.js +1 -13
- package/cjs/form/utils.js.map +1 -1
- package/cjs/grid-layout/grid-layout.d.ts +3 -1
- package/cjs/grid-layout/grid-layout.d.ts.map +1 -1
- package/cjs/grid-layout/grid-layout.js +11 -1
- package/cjs/grid-layout/grid-layout.js.map +1 -1
- package/cjs/grid-layout/styled.d.ts +21 -2
- package/cjs/grid-layout/styled.d.ts.map +1 -1
- package/cjs/grid-layout/types.d.ts +5 -3
- package/cjs/grid-layout/types.d.ts.map +1 -1
- package/cjs/icons/filled/material/icon-filled-circle.d.ts +2 -0
- package/cjs/icons/filled/material/icon-filled-circle.js +11 -0
- package/cjs/icons/filled/material/index.d.ts +1 -0
- package/cjs/icons/filled/material/index.js +25 -23
- package/cjs/icons/outlined/material/icon-outlined-circle.d.ts +2 -0
- package/cjs/icons/outlined/material/icon-outlined-circle.js +11 -0
- package/cjs/icons/outlined/material/index.d.ts +1 -0
- package/cjs/icons/outlined/material/index.js +25 -23
- package/cjs/icons/to-newskit-icon.d.ts.map +1 -1
- package/cjs/icons/to-newskit-icon.js +19 -12
- package/cjs/icons/to-newskit-icon.js.map +1 -1
- package/cjs/index.d.ts +2 -0
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +2 -0
- package/cjs/index.js.map +1 -1
- package/cjs/label/styled.d.ts +1 -6
- package/cjs/label/styled.d.ts.map +1 -1
- package/cjs/label/styled.js +5 -1
- package/cjs/label/styled.js.map +1 -1
- package/cjs/label/types.d.ts +14 -6
- package/cjs/label/types.d.ts.map +1 -1
- package/cjs/link/defaults.d.ts +1 -0
- package/cjs/link/defaults.d.ts.map +1 -1
- package/cjs/link/defaults.js +1 -0
- package/cjs/link/defaults.js.map +1 -1
- package/cjs/link/internal-link.js +3 -1
- package/cjs/link/internal-link.js.map +1 -1
- package/cjs/link/types.d.ts +13 -8
- package/cjs/link/types.d.ts.map +1 -1
- package/cjs/menu/defaults.d.ts +3 -0
- package/cjs/menu/defaults.d.ts.map +1 -1
- package/cjs/menu/defaults.js +3 -0
- package/cjs/menu/defaults.js.map +1 -1
- package/cjs/menu/styled.d.ts.map +1 -1
- package/cjs/menu/styled.js +3 -7
- package/cjs/menu/styled.js.map +1 -1
- package/cjs/ordered-list/ordered-list.d.ts.map +1 -1
- package/cjs/ordered-list/ordered-list.js +1 -2
- package/cjs/ordered-list/ordered-list.js.map +1 -1
- package/cjs/radio-button/defaults.d.ts +66 -0
- package/cjs/radio-button/defaults.d.ts.map +1 -0
- package/cjs/radio-button/defaults.js +79 -0
- package/cjs/radio-button/defaults.js.map +1 -0
- package/cjs/radio-button/index.d.ts +4 -0
- package/cjs/radio-button/index.d.ts.map +1 -0
- package/cjs/radio-button/index.js +8 -0
- package/cjs/radio-button/index.js.map +1 -0
- package/cjs/radio-button/radio-button.d.ts +4 -0
- package/cjs/radio-button/radio-button.d.ts.map +1 -0
- package/cjs/radio-button/radio-button.js +66 -0
- package/cjs/radio-button/radio-button.js.map +1 -0
- package/cjs/radio-button/radio-group.d.ts +11 -0
- package/cjs/radio-button/radio-group.d.ts.map +1 -0
- package/cjs/radio-button/radio-group.js +67 -0
- package/cjs/radio-button/radio-group.js.map +1 -0
- package/cjs/radio-button/style-presets.d.ts +4 -0
- package/cjs/radio-button/style-presets.d.ts.map +1 -0
- package/cjs/radio-button/style-presets.js +151 -0
- package/cjs/radio-button/style-presets.js.map +1 -0
- package/cjs/radio-button/types.d.ts +17 -0
- package/cjs/radio-button/types.d.ts.map +1 -0
- package/cjs/radio-button/types.js +3 -0
- package/cjs/radio-button/types.js.map +1 -0
- package/cjs/select/index.d.ts +2 -2
- package/cjs/select/index.d.ts.map +1 -1
- package/cjs/select/index.js +5 -2
- package/cjs/select/index.js.map +1 -1
- package/cjs/select/select-panel.d.ts +7 -3
- package/cjs/select/select-panel.d.ts.map +1 -1
- package/cjs/select/select-panel.js +4 -12
- package/cjs/select/select-panel.js.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +41 -10
- package/cjs/select/select.js.map +1 -1
- package/cjs/select/styled.d.ts.map +1 -1
- package/cjs/select/styled.js +6 -2
- package/cjs/select/styled.js.map +1 -1
- package/cjs/select/types.d.ts +15 -1
- package/cjs/select/types.d.ts.map +1 -1
- package/cjs/select/use-virtualized-list.d.ts +16 -0
- package/cjs/select/use-virtualized-list.d.ts.map +1 -0
- package/cjs/select/use-virtualized-list.js +104 -0
- package/cjs/select/use-virtualized-list.js.map +1 -0
- package/cjs/stack/styled.d.ts.map +1 -1
- package/cjs/stack/styled.js +3 -2
- package/cjs/stack/styled.js.map +1 -1
- package/cjs/stack/types.d.ts +2 -1
- package/cjs/stack/types.d.ts.map +1 -1
- package/cjs/stack/types.js.map +1 -1
- package/cjs/tabs/defaults.d.ts +3 -0
- package/cjs/tabs/defaults.d.ts.map +1 -1
- package/cjs/tabs/defaults.js +3 -0
- package/cjs/tabs/defaults.js.map +1 -1
- package/cjs/tabs/tabs.d.ts.map +1 -1
- package/cjs/tabs/tabs.js +3 -0
- package/cjs/tabs/tabs.js.map +1 -1
- package/cjs/tabs/utils.js +1 -1
- package/cjs/tabs/utils.js.map +1 -1
- package/cjs/tag/defaults.d.ts +3 -0
- package/cjs/tag/defaults.d.ts.map +1 -1
- package/cjs/tag/defaults.js +3 -0
- package/cjs/tag/defaults.js.map +1 -1
- package/cjs/tag/tag.d.ts.map +1 -1
- package/cjs/tag/tag.js +5 -1
- package/cjs/tag/tag.js.map +1 -1
- package/cjs/text-block/text-block.d.ts.map +1 -1
- package/cjs/text-block/text-block.js +3 -2
- package/cjs/text-block/text-block.js.map +1 -1
- package/cjs/text-block/types.d.ts +2 -1
- package/cjs/text-block/types.d.ts.map +1 -1
- package/cjs/text-input/text-input.js +2 -2
- package/cjs/text-input/text-input.js.map +1 -1
- package/cjs/theme/compiler/index.d.ts.map +1 -1
- package/cjs/theme/compiler/index.js +2 -84
- package/cjs/theme/compiler/index.js.map +1 -1
- package/cjs/theme/presets/style-presets.js +8 -0
- package/cjs/theme/presets/style-presets.js.map +1 -1
- package/cjs/theme/presets/transition-presets.js +28 -15
- package/cjs/theme/presets/transition-presets.js.map +1 -1
- package/cjs/theme-checker/helper.d.ts.map +1 -1
- package/cjs/theme-checker/helper.js +1 -0
- package/cjs/theme-checker/helper.js.map +1 -1
- package/cjs/theme-checker/scenarios.d.ts +16 -0
- package/cjs/theme-checker/scenarios.d.ts.map +1 -1
- package/cjs/theme-checker/scenarios.js +52 -21
- package/cjs/theme-checker/scenarios.js.map +1 -1
- package/cjs/theme-checker/styled.d.ts.map +1 -1
- package/cjs/theme-checker/styled.js +1 -0
- package/cjs/theme-checker/styled.js.map +1 -1
- package/cjs/theme-checker/theme-checker.d.ts.map +1 -1
- package/cjs/theme-checker/theme-checker.js +4 -3
- package/cjs/theme-checker/theme-checker.js.map +1 -1
- package/cjs/toast/toast.d.ts.map +1 -1
- package/cjs/toast/toast.js +2 -5
- package/cjs/toast/toast.js.map +1 -1
- package/cjs/unordered-list/unordered-list.d.ts.map +1 -1
- package/cjs/unordered-list/unordered-list.js +1 -2
- package/cjs/unordered-list/unordered-list.js.map +1 -1
- package/cjs/utils/compose-event-handlers.d.ts +2 -0
- package/cjs/utils/compose-event-handlers.d.ts.map +1 -0
- package/cjs/utils/compose-event-handlers.js +16 -0
- package/cjs/utils/compose-event-handlers.js.map +1 -0
- package/cjs/utils/hooks/use-controlled.d.ts +5 -4
- package/cjs/utils/hooks/use-controlled.d.ts.map +1 -1
- package/cjs/utils/hooks/use-controlled.js +1 -1
- package/cjs/utils/hooks/use-controlled.js.map +1 -1
- package/cjs/utils/logical-properties.d.ts +24 -0
- package/cjs/utils/logical-properties.d.ts.map +1 -0
- package/cjs/utils/logical-properties.js +54 -0
- package/cjs/utils/logical-properties.js.map +1 -0
- package/cjs/utils/react-children-utilities.d.ts +2 -0
- package/cjs/utils/react-children-utilities.d.ts.map +1 -1
- package/cjs/utils/react-children-utilities.js +18 -1
- package/cjs/utils/react-children-utilities.js.map +1 -1
- package/cjs/utils/recurse-unknown.d.ts +3 -0
- package/cjs/utils/recurse-unknown.d.ts.map +1 -0
- package/cjs/utils/recurse-unknown.js +88 -0
- package/cjs/utils/recurse-unknown.js.map +1 -0
- package/cjs/utils/style/base.js +1 -1
- package/cjs/utils/style/base.js.map +1 -1
- package/cjs/utils/style/error-logger.d.ts +5 -0
- package/cjs/utils/style/error-logger.d.ts.map +1 -0
- package/cjs/utils/style/error-logger.js +6 -0
- package/cjs/utils/style/error-logger.js.map +1 -0
- package/cjs/utils/style/style-preset.d.ts +1 -1
- package/cjs/utils/style/style-preset.d.ts.map +1 -1
- package/cjs/utils/style/style-preset.js +3 -3
- package/cjs/utils/style/style-preset.js.map +1 -1
- package/cjs/utils/style/transition-preset.d.ts +4 -1
- package/cjs/utils/style/transition-preset.d.ts.map +1 -1
- package/cjs/utils/style/transition-preset.js +47 -9
- package/cjs/utils/style/transition-preset.js.map +1 -1
- package/cjs/utils/style/utils.d.ts +2 -2
- package/cjs/utils/style/utils.d.ts.map +1 -1
- package/cjs/utils/style/utils.js +6 -2
- package/cjs/utils/style/utils.js.map +1 -1
- package/cjs/utils/{to-kabab-case.d.ts → to-kebab-case.d.ts} +1 -1
- package/cjs/utils/to-kebab-case.d.ts.map +1 -0
- package/cjs/utils/{to-kabab-case.js → to-kebab-case.js} +1 -1
- package/cjs/utils/{to-kabab-case.js.map → to-kebab-case.js.map} +1 -1
- package/cjs/version-number.json +1 -1
- package/cjs/volume-control/volume-control.js +2 -2
- package/cjs/volume-control/volume-control.js.map +1 -1
- package/cjs/with-enhancers/styled.d.ts.map +1 -1
- package/cjs/with-enhancers/styled.js +6 -2
- package/cjs/with-enhancers/styled.js.map +1 -1
- package/esm/audio-player-composable/audio-functions.d.ts +22 -0
- package/esm/audio-player-composable/audio-functions.d.ts.map +1 -0
- package/esm/audio-player-composable/audio-functions.js +264 -0
- package/esm/audio-player-composable/audio-functions.js.map +1 -0
- package/esm/audio-player-composable/audio-player-composable.d.ts +4 -0
- package/esm/audio-player-composable/audio-player-composable.d.ts.map +1 -0
- package/esm/audio-player-composable/audio-player-composable.js +118 -0
- package/esm/audio-player-composable/audio-player-composable.js.map +1 -0
- package/esm/audio-player-composable/components/audio-element.d.ts +3 -0
- package/esm/audio-player-composable/components/audio-element.d.ts.map +1 -0
- package/esm/audio-player-composable/components/audio-element.js +9 -0
- package/esm/audio-player-composable/components/audio-element.js.map +1 -0
- package/esm/audio-player-composable/components/play-pause-button/index.d.ts +3 -0
- package/esm/audio-player-composable/components/play-pause-button/index.d.ts.map +1 -0
- package/esm/audio-player-composable/components/play-pause-button/index.js +3 -0
- package/esm/audio-player-composable/components/play-pause-button/index.js.map +1 -0
- package/esm/audio-player-composable/components/play-pause-button/play-pause-button.d.ts +4 -0
- package/esm/audio-player-composable/components/play-pause-button/play-pause-button.d.ts.map +1 -0
- package/esm/audio-player-composable/components/play-pause-button/play-pause-button.js +34 -0
- package/esm/audio-player-composable/components/play-pause-button/play-pause-button.js.map +1 -0
- package/esm/audio-player-composable/components/play-pause-button/types.d.ts +7 -0
- package/esm/audio-player-composable/components/play-pause-button/types.d.ts.map +1 -0
- package/esm/audio-player-composable/components/play-pause-button/types.js +2 -0
- package/esm/audio-player-composable/components/play-pause-button/types.js.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/defaults.d.ts +22 -0
- package/esm/audio-player-composable/components/seek-bar/defaults.d.ts.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/defaults.js +21 -0
- package/esm/audio-player-composable/components/seek-bar/defaults.js.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/index.d.ts +3 -0
- package/esm/audio-player-composable/components/seek-bar/index.d.ts.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/index.js +3 -0
- package/esm/audio-player-composable/components/seek-bar/index.js.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/seek-bar.d.ts +4 -0
- package/esm/audio-player-composable/components/seek-bar/seek-bar.d.ts.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/seek-bar.js +76 -0
- package/esm/audio-player-composable/components/seek-bar/seek-bar.js.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/style-presets.d.ts +4 -0
- package/esm/audio-player-composable/components/seek-bar/style-presets.d.ts.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/style-presets.js +39 -0
- package/esm/audio-player-composable/components/seek-bar/style-presets.js.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/types.d.ts +11 -0
- package/esm/audio-player-composable/components/seek-bar/types.d.ts.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/types.js +2 -0
- package/esm/audio-player-composable/components/seek-bar/types.js.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/utils.d.ts +6 -0
- package/esm/audio-player-composable/components/seek-bar/utils.d.ts.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/utils.js +48 -0
- package/esm/audio-player-composable/components/seek-bar/utils.js.map +1 -0
- package/esm/audio-player-composable/components/time-display/defaults.d.ts +8 -0
- package/esm/audio-player-composable/components/time-display/defaults.d.ts.map +1 -0
- package/esm/audio-player-composable/components/time-display/defaults.js +7 -0
- package/esm/audio-player-composable/components/time-display/defaults.js.map +1 -0
- package/esm/audio-player-composable/components/time-display/index.d.ts +3 -0
- package/esm/audio-player-composable/components/time-display/index.d.ts.map +1 -0
- package/esm/audio-player-composable/components/time-display/index.js +3 -0
- package/esm/audio-player-composable/components/time-display/index.js.map +1 -0
- package/esm/audio-player-composable/components/time-display/style-presets.d.ts +4 -0
- package/esm/audio-player-composable/components/time-display/style-presets.d.ts.map +1 -0
- package/esm/audio-player-composable/components/time-display/style-presets.js +8 -0
- package/esm/audio-player-composable/components/time-display/style-presets.js.map +1 -0
- package/esm/audio-player-composable/components/time-display/time-display.d.ts +5 -0
- package/esm/audio-player-composable/components/time-display/time-display.d.ts.map +1 -0
- package/esm/audio-player-composable/components/time-display/time-display.js +25 -0
- package/esm/audio-player-composable/components/time-display/time-display.js.map +1 -0
- package/esm/audio-player-composable/components/time-display/types.d.ts +13 -0
- package/esm/audio-player-composable/components/time-display/types.d.ts.map +1 -0
- package/esm/audio-player-composable/components/time-display/types.js +2 -0
- package/esm/audio-player-composable/components/time-display/types.js.map +1 -0
- package/esm/audio-player-composable/components/time-display/utils.d.ts +4 -0
- package/esm/audio-player-composable/components/time-display/utils.d.ts.map +1 -0
- package/esm/audio-player-composable/components/time-display/utils.js +20 -0
- package/esm/audio-player-composable/components/time-display/utils.js.map +1 -0
- package/esm/audio-player-composable/context.d.ts +48 -0
- package/esm/audio-player-composable/context.d.ts.map +1 -0
- package/esm/audio-player-composable/context.js +14 -0
- package/esm/audio-player-composable/context.js.map +1 -0
- package/esm/audio-player-composable/index.d.ts +9 -0
- package/esm/audio-player-composable/index.d.ts.map +1 -0
- package/esm/audio-player-composable/index.js +10 -0
- package/esm/audio-player-composable/index.js.map +1 -0
- package/esm/audio-player-composable/types.d.ts +47 -0
- package/esm/audio-player-composable/types.d.ts.map +1 -0
- package/esm/audio-player-composable/types.js +13 -0
- package/esm/audio-player-composable/types.js.map +1 -0
- package/esm/audio-player-composable/utils.d.ts +4 -0
- package/esm/audio-player-composable/utils.d.ts.map +1 -0
- package/esm/audio-player-composable/utils.js +26 -0
- package/esm/audio-player-composable/utils.js.map +1 -0
- package/esm/banner/banner-internal.d.ts.map +1 -1
- package/esm/banner/banner-internal.js +3 -6
- package/esm/banner/banner-internal.js.map +1 -1
- package/esm/base-switch/base-switch.d.ts +4 -0
- package/esm/base-switch/base-switch.d.ts.map +1 -0
- package/esm/base-switch/base-switch.js +85 -0
- package/esm/base-switch/base-switch.js.map +1 -0
- package/esm/base-switch/index.d.ts +3 -0
- package/esm/base-switch/index.d.ts.map +1 -0
- package/esm/base-switch/index.js +2 -0
- package/esm/base-switch/index.js.map +1 -0
- package/esm/{checkbox → base-switch}/styled.d.ts +11 -11
- package/esm/base-switch/styled.d.ts.map +1 -0
- package/esm/base-switch/styled.js +76 -0
- package/esm/base-switch/styled.js.map +1 -0
- package/esm/base-switch/types.d.ts +41 -0
- package/esm/base-switch/types.d.ts.map +1 -0
- package/esm/base-switch/types.js +2 -0
- package/esm/base-switch/types.js.map +1 -0
- package/esm/block/block.d.ts +13 -1
- package/esm/block/block.d.ts.map +1 -1
- package/esm/block/block.js +6 -1
- package/esm/block/block.js.map +1 -1
- package/esm/button/defaults.d.ts +3 -0
- package/esm/button/defaults.d.ts.map +1 -1
- package/esm/button/defaults.js +3 -0
- package/esm/button/defaults.js.map +1 -1
- package/esm/button/styled.d.ts.map +1 -1
- package/esm/button/styled.js +10 -2
- package/esm/button/styled.js.map +1 -1
- package/esm/byline/byline.js +2 -2
- package/esm/byline/byline.js.map +1 -1
- package/esm/byline/types.d.ts +1 -0
- package/esm/byline/types.d.ts.map +1 -1
- package/esm/checkbox/checkbox.d.ts.map +1 -1
- package/esm/checkbox/checkbox.js +3 -82
- package/esm/checkbox/checkbox.js.map +1 -1
- package/esm/checkbox/defaults.d.ts +3 -0
- package/esm/checkbox/defaults.d.ts.map +1 -1
- package/esm/checkbox/defaults.js +3 -0
- package/esm/checkbox/defaults.js.map +1 -1
- package/esm/checkbox/style-presets.d.ts.map +1 -1
- package/esm/checkbox/style-presets.js +42 -24
- package/esm/checkbox/style-presets.js.map +1 -1
- package/esm/checkbox/types.d.ts +5 -34
- package/esm/checkbox/types.d.ts.map +1 -1
- package/esm/dialog/types.d.ts +1 -1
- package/esm/dialog/types.d.ts.map +1 -1
- package/esm/flag/flag.d.ts.map +1 -1
- package/esm/flag/flag.js +1 -1
- package/esm/flag/flag.js.map +1 -1
- package/esm/flag/styled.d.ts.map +1 -1
- package/esm/flag/styled.js +6 -2
- package/esm/flag/styled.js.map +1 -1
- package/esm/flag/types.d.ts +8 -2
- package/esm/flag/types.d.ts.map +1 -1
- package/esm/flag/types.js.map +1 -1
- package/esm/form/form-input.d.ts +1 -0
- package/esm/form/form-input.d.ts.map +1 -1
- package/esm/form/form-input.js +8 -1
- package/esm/form/form-input.js.map +1 -1
- package/esm/form/types.d.ts +3 -2
- package/esm/form/types.d.ts.map +1 -1
- package/esm/form/utils.d.ts +0 -1
- package/esm/form/utils.d.ts.map +1 -1
- package/esm/form/utils.js +0 -11
- package/esm/form/utils.js.map +1 -1
- package/esm/grid-layout/grid-layout.d.ts +3 -1
- package/esm/grid-layout/grid-layout.d.ts.map +1 -1
- package/esm/grid-layout/grid-layout.js +11 -1
- package/esm/grid-layout/grid-layout.js.map +1 -1
- package/esm/grid-layout/styled.d.ts +21 -2
- package/esm/grid-layout/styled.d.ts.map +1 -1
- package/esm/grid-layout/types.d.ts +5 -3
- package/esm/grid-layout/types.d.ts.map +1 -1
- package/esm/icons/filled/material/icon-filled-circle.d.ts +2 -0
- package/esm/icons/filled/material/icon-filled-circle.js +8 -0
- package/esm/icons/filled/material/index.d.ts +1 -0
- package/esm/icons/filled/material/index.js +1 -0
- package/esm/icons/outlined/material/icon-outlined-circle.d.ts +2 -0
- package/esm/icons/outlined/material/icon-outlined-circle.js +8 -0
- package/esm/icons/outlined/material/index.d.ts +1 -0
- package/esm/icons/outlined/material/index.js +1 -0
- package/esm/icons/to-newskit-icon.d.ts.map +1 -1
- package/esm/icons/to-newskit-icon.js +19 -12
- package/esm/icons/to-newskit-icon.js.map +1 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +2 -0
- package/esm/index.js.map +1 -1
- package/esm/label/styled.d.ts +1 -6
- package/esm/label/styled.d.ts.map +1 -1
- package/esm/label/styled.js +5 -1
- package/esm/label/styled.js.map +1 -1
- package/esm/label/types.d.ts +14 -6
- package/esm/label/types.d.ts.map +1 -1
- package/esm/link/defaults.d.ts +1 -0
- package/esm/link/defaults.d.ts.map +1 -1
- package/esm/link/defaults.js +1 -0
- package/esm/link/defaults.js.map +1 -1
- package/esm/link/internal-link.js +4 -2
- package/esm/link/internal-link.js.map +1 -1
- package/esm/link/types.d.ts +13 -8
- package/esm/link/types.d.ts.map +1 -1
- package/esm/menu/defaults.d.ts +3 -0
- package/esm/menu/defaults.d.ts.map +1 -1
- package/esm/menu/defaults.js +3 -0
- package/esm/menu/defaults.js.map +1 -1
- package/esm/menu/styled.d.ts.map +1 -1
- package/esm/menu/styled.js +4 -8
- package/esm/menu/styled.js.map +1 -1
- package/esm/ordered-list/ordered-list.d.ts.map +1 -1
- package/esm/ordered-list/ordered-list.js +1 -2
- package/esm/ordered-list/ordered-list.js.map +1 -1
- package/esm/radio-button/defaults.d.ts +66 -0
- package/esm/radio-button/defaults.d.ts.map +1 -0
- package/esm/radio-button/defaults.js +77 -0
- package/esm/radio-button/defaults.js.map +1 -0
- package/esm/radio-button/index.d.ts +4 -0
- package/esm/radio-button/index.d.ts.map +1 -0
- package/esm/radio-button/index.js +3 -0
- package/esm/radio-button/index.js.map +1 -0
- package/esm/radio-button/radio-button.d.ts +4 -0
- package/esm/radio-button/radio-button.d.ts.map +1 -0
- package/esm/radio-button/radio-button.js +60 -0
- package/esm/radio-button/radio-button.js.map +1 -0
- package/esm/radio-button/radio-group.d.ts +11 -0
- package/esm/radio-button/radio-group.d.ts.map +1 -0
- package/esm/radio-button/radio-group.js +44 -0
- package/esm/radio-button/radio-group.js.map +1 -0
- package/esm/radio-button/style-presets.d.ts +4 -0
- package/esm/radio-button/style-presets.d.ts.map +1 -0
- package/esm/radio-button/style-presets.js +149 -0
- package/esm/radio-button/style-presets.js.map +1 -0
- package/esm/radio-button/types.d.ts +17 -0
- package/esm/radio-button/types.d.ts.map +1 -0
- package/esm/radio-button/types.js +2 -0
- package/esm/radio-button/types.js.map +1 -0
- package/esm/select/index.d.ts +2 -2
- package/esm/select/index.d.ts.map +1 -1
- package/esm/select/index.js +2 -2
- package/esm/select/index.js.map +1 -1
- package/esm/select/select-panel.d.ts +7 -3
- package/esm/select/select-panel.d.ts.map +1 -1
- package/esm/select/select-panel.js +3 -11
- package/esm/select/select-panel.js.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +42 -11
- package/esm/select/select.js.map +1 -1
- package/esm/select/styled.d.ts.map +1 -1
- package/esm/select/styled.js +6 -2
- package/esm/select/styled.js.map +1 -1
- package/esm/select/types.d.ts +15 -1
- package/esm/select/types.d.ts.map +1 -1
- package/esm/select/use-virtualized-list.d.ts +16 -0
- package/esm/select/use-virtualized-list.d.ts.map +1 -0
- package/esm/select/use-virtualized-list.js +81 -0
- package/esm/select/use-virtualized-list.js.map +1 -0
- package/esm/stack/styled.d.ts.map +1 -1
- package/esm/stack/styled.js +3 -2
- package/esm/stack/styled.js.map +1 -1
- package/esm/stack/types.d.ts +2 -1
- package/esm/stack/types.d.ts.map +1 -1
- package/esm/stack/types.js.map +1 -1
- package/esm/tabs/defaults.d.ts +3 -0
- package/esm/tabs/defaults.d.ts.map +1 -1
- package/esm/tabs/defaults.js +3 -0
- package/esm/tabs/defaults.js.map +1 -1
- package/esm/tabs/tabs.d.ts.map +1 -1
- package/esm/tabs/tabs.js +3 -0
- package/esm/tabs/tabs.js.map +1 -1
- package/esm/tabs/utils.js +1 -1
- package/esm/tabs/utils.js.map +1 -1
- package/esm/tag/defaults.d.ts +3 -0
- package/esm/tag/defaults.d.ts.map +1 -1
- package/esm/tag/defaults.js +3 -0
- package/esm/tag/defaults.js.map +1 -1
- package/esm/tag/tag.d.ts.map +1 -1
- package/esm/tag/tag.js +5 -1
- package/esm/tag/tag.js.map +1 -1
- package/esm/text-block/text-block.d.ts.map +1 -1
- package/esm/text-block/text-block.js +3 -2
- package/esm/text-block/text-block.js.map +1 -1
- package/esm/text-block/types.d.ts +2 -1
- package/esm/text-block/types.d.ts.map +1 -1
- package/esm/text-input/text-input.js +2 -2
- package/esm/text-input/text-input.js.map +1 -1
- package/esm/theme/compiler/index.d.ts.map +1 -1
- package/esm/theme/compiler/index.js +1 -83
- package/esm/theme/compiler/index.js.map +1 -1
- package/esm/theme/presets/style-presets.js +8 -0
- package/esm/theme/presets/style-presets.js.map +1 -1
- package/esm/theme/presets/transition-presets.js +28 -15
- package/esm/theme/presets/transition-presets.js.map +1 -1
- package/esm/theme-checker/helper.d.ts.map +1 -1
- package/esm/theme-checker/helper.js +1 -0
- package/esm/theme-checker/helper.js.map +1 -1
- package/esm/theme-checker/scenarios.d.ts +16 -0
- package/esm/theme-checker/scenarios.d.ts.map +1 -1
- package/esm/theme-checker/scenarios.js +51 -20
- package/esm/theme-checker/scenarios.js.map +1 -1
- package/esm/theme-checker/styled.d.ts.map +1 -1
- package/esm/theme-checker/styled.js +1 -0
- package/esm/theme-checker/styled.js.map +1 -1
- package/esm/theme-checker/theme-checker.d.ts.map +1 -1
- package/esm/theme-checker/theme-checker.js +3 -2
- package/esm/theme-checker/theme-checker.js.map +1 -1
- package/esm/toast/toast.d.ts.map +1 -1
- package/esm/toast/toast.js +2 -5
- package/esm/toast/toast.js.map +1 -1
- package/esm/unordered-list/unordered-list.d.ts.map +1 -1
- package/esm/unordered-list/unordered-list.js +1 -2
- package/esm/unordered-list/unordered-list.js.map +1 -1
- package/esm/utils/compose-event-handlers.d.ts +2 -0
- package/esm/utils/compose-event-handlers.d.ts.map +1 -0
- package/esm/utils/compose-event-handlers.js +12 -0
- package/esm/utils/compose-event-handlers.js.map +1 -0
- package/esm/utils/hooks/use-controlled.d.ts +5 -4
- package/esm/utils/hooks/use-controlled.d.ts.map +1 -1
- package/esm/utils/hooks/use-controlled.js +1 -1
- package/esm/utils/hooks/use-controlled.js.map +1 -1
- package/esm/utils/logical-properties.d.ts +24 -0
- package/esm/utils/logical-properties.d.ts.map +1 -0
- package/esm/utils/logical-properties.js +49 -0
- package/esm/utils/logical-properties.js.map +1 -0
- package/esm/utils/react-children-utilities.d.ts +2 -0
- package/esm/utils/react-children-utilities.d.ts.map +1 -1
- package/esm/utils/react-children-utilities.js +15 -0
- package/esm/utils/react-children-utilities.js.map +1 -1
- package/esm/utils/recurse-unknown.d.ts +3 -0
- package/esm/utils/recurse-unknown.d.ts.map +1 -0
- package/esm/utils/recurse-unknown.js +84 -0
- package/esm/utils/recurse-unknown.js.map +1 -0
- package/esm/utils/style/base.js +1 -1
- package/esm/utils/style/base.js.map +1 -1
- package/esm/utils/style/error-logger.d.ts +5 -0
- package/esm/utils/style/error-logger.d.ts.map +1 -0
- package/esm/utils/style/error-logger.js +3 -0
- package/esm/utils/style/error-logger.js.map +1 -0
- package/esm/utils/style/style-preset.d.ts +1 -1
- package/esm/utils/style/style-preset.d.ts.map +1 -1
- package/esm/utils/style/style-preset.js +3 -3
- package/esm/utils/style/style-preset.js.map +1 -1
- package/esm/utils/style/transition-preset.d.ts +4 -1
- package/esm/utils/style/transition-preset.d.ts.map +1 -1
- package/esm/utils/style/transition-preset.js +47 -9
- package/esm/utils/style/transition-preset.js.map +1 -1
- package/esm/utils/style/utils.d.ts +2 -2
- package/esm/utils/style/utils.d.ts.map +1 -1
- package/esm/utils/style/utils.js +6 -2
- package/esm/utils/style/utils.js.map +1 -1
- package/esm/utils/{to-kabab-case.d.ts → to-kebab-case.d.ts} +1 -1
- package/esm/utils/to-kebab-case.d.ts.map +1 -0
- package/esm/utils/{to-kabab-case.js → to-kebab-case.js} +1 -1
- package/esm/utils/{to-kabab-case.js.map → to-kebab-case.js.map} +1 -1
- package/esm/version-number.json +1 -1
- package/esm/volume-control/volume-control.js +2 -2
- package/esm/volume-control/volume-control.js.map +1 -1
- package/esm/with-enhancers/styled.d.ts.map +1 -1
- package/esm/with-enhancers/styled.js +6 -2
- package/esm/with-enhancers/styled.js.map +1 -1
- package/package.json +3 -2
- package/cjs/checkbox/styled.d.ts.map +0 -1
- package/cjs/checkbox/styled.js +0 -74
- package/cjs/checkbox/styled.js.map +0 -1
- package/cjs/utils/to-kabab-case.d.ts.map +0 -1
- package/esm/checkbox/styled.d.ts.map +0 -1
- package/esm/checkbox/styled.js +0 -71
- package/esm/checkbox/styled.js.map +0 -1
- package/esm/utils/to-kabab-case.d.ts.map +0 -1
|
@@ -0,0 +1,264 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
/* eslint-disable no-param-reassign */
|
|
13
|
+
import { useCallback, useEffect } from 'react';
|
|
14
|
+
import { EventTrigger, useInstrumentation } from '../instrumentation';
|
|
15
|
+
import { AudioEvents } from './types';
|
|
16
|
+
import { formatTrackTime, getMediaSegment } from './utils';
|
|
17
|
+
import calculateStringPercentage from '../utils/calculate-string-percentage';
|
|
18
|
+
import { getValueInRange } from '../utils/value-in-range';
|
|
19
|
+
import { version } from '../version-number.json';
|
|
20
|
+
export var useAudioFunctions = function (_a) {
|
|
21
|
+
var _b;
|
|
22
|
+
var onPreviousTrack = _a.onPreviousTrack, onNextTrack = _a.onNextTrack, autoPlay = _a.autoPlay,
|
|
23
|
+
// disablePreviousTrack,
|
|
24
|
+
src = _a.src, live = _a.live, duration = _a.duration, loading = _a.loading, playing = _a.playing, showLoaderTimeoutRef = _a.showLoaderTimeoutRef, currentTimeRef = _a.currentTimeRef, audioRef = _a.audioRef, setLoading = _a.setLoading, setCurrentTime = _a.setCurrentTime, setPlayState = _a.setPlayState,
|
|
25
|
+
// setVolume,
|
|
26
|
+
setDuration = _a.setDuration, setDisplayDuration = _a.setDisplayDuration, setBuffered = _a.setBuffered;
|
|
27
|
+
var fireEvent = useInstrumentation().fireEvent;
|
|
28
|
+
var ifPlayer = useCallback(function (fn) {
|
|
29
|
+
var player = audioRef.current;
|
|
30
|
+
// No need to test the else, player should always be defined, if not we just ignore.
|
|
31
|
+
/* istanbul ignore else */
|
|
32
|
+
if (player) {
|
|
33
|
+
fn(player);
|
|
34
|
+
}
|
|
35
|
+
}, [audioRef]);
|
|
36
|
+
var buildMediaData = useCallback(function () {
|
|
37
|
+
var playerData = {
|
|
38
|
+
media_player: "newskit-audio-player-".concat(version),
|
|
39
|
+
media_type: 'audio',
|
|
40
|
+
};
|
|
41
|
+
return live
|
|
42
|
+
? // TODO remove ignore once in implemented live
|
|
43
|
+
/* istanbul ignore next */
|
|
44
|
+
playerData
|
|
45
|
+
: __assign(__assign({}, playerData), { media_duration: formatTrackTime(duration), media_milestone: calculateStringPercentage(currentTimeRef.current, duration), media_segment: getMediaSegment(duration, currentTimeRef.current), media_offset: formatTrackTime(currentTimeRef.current) });
|
|
46
|
+
}, [duration, live, currentTimeRef]);
|
|
47
|
+
var getTrackingInformation = useCallback(function (originator, eventTrigger, eventSpecificInfo) {
|
|
48
|
+
var context = __assign(__assign({}, buildMediaData()), eventSpecificInfo);
|
|
49
|
+
var trackingInformation = {
|
|
50
|
+
originator: originator,
|
|
51
|
+
trigger: eventTrigger,
|
|
52
|
+
context: context,
|
|
53
|
+
};
|
|
54
|
+
return trackingInformation;
|
|
55
|
+
}, [buildMediaData]);
|
|
56
|
+
var onWaiting = useCallback(function () {
|
|
57
|
+
clearTimeout(showLoaderTimeoutRef.current);
|
|
58
|
+
// We are giving some extra time before setting loading state
|
|
59
|
+
// to avoid flickering of the play/loading button when
|
|
60
|
+
// skipping back to already buffered time.
|
|
61
|
+
showLoaderTimeoutRef.current = window.setTimeout(function () { return setLoading(true); }, 700);
|
|
62
|
+
}, [setLoading, showLoaderTimeoutRef]);
|
|
63
|
+
var onCanPlay = useCallback(function () {
|
|
64
|
+
clearTimeout(showLoaderTimeoutRef.current);
|
|
65
|
+
setLoading(false);
|
|
66
|
+
}, [setLoading, showLoaderTimeoutRef]);
|
|
67
|
+
var updateAudioTime = useCallback(function (playerTime) {
|
|
68
|
+
var newPlayerTime = getValueInRange(playerTime, [0, duration]);
|
|
69
|
+
setCurrentTime(newPlayerTime);
|
|
70
|
+
ifPlayer(function (player) {
|
|
71
|
+
player.currentTime = newPlayerTime;
|
|
72
|
+
});
|
|
73
|
+
}, [duration, setCurrentTime, ifPlayer]);
|
|
74
|
+
// const updateAudioVolume = useCallback(
|
|
75
|
+
// (vol: number) => {
|
|
76
|
+
// window.localStorage.setItem('newskit-audioplayer-volume', vol.toString());
|
|
77
|
+
// setVolume(vol);
|
|
78
|
+
// ifPlayer(player => {
|
|
79
|
+
// player.volume = vol;
|
|
80
|
+
// });
|
|
81
|
+
// },
|
|
82
|
+
// [ifPlayer, setVolume],
|
|
83
|
+
// );
|
|
84
|
+
// TODO remove ignore once in use
|
|
85
|
+
/* istanbul ignore next */
|
|
86
|
+
var onClickPrevious = useCallback(function () {
|
|
87
|
+
if (currentTimeRef.current > 5) {
|
|
88
|
+
updateAudioTime(0);
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
// If no function is passed, the button is disabled, check is just to be sure; the else can't be tested.
|
|
92
|
+
/* istanbul ignore else */
|
|
93
|
+
if (onPreviousTrack) {
|
|
94
|
+
onPreviousTrack();
|
|
95
|
+
}
|
|
96
|
+
}, [currentTimeRef, onPreviousTrack, updateAudioTime]);
|
|
97
|
+
// TODO remove ignore once in use
|
|
98
|
+
/* istanbul ignore next */
|
|
99
|
+
var onClickNext = useCallback(function () {
|
|
100
|
+
// If no function is passed, the button is disabled, check is just to be sure; the else can't be tested.
|
|
101
|
+
/* istanbul ignore else */
|
|
102
|
+
if (onNextTrack) {
|
|
103
|
+
onNextTrack();
|
|
104
|
+
}
|
|
105
|
+
}, [onNextTrack]);
|
|
106
|
+
// TODO remove ignore once in use
|
|
107
|
+
/* istanbul ignore next */
|
|
108
|
+
var onClickBackward = useCallback(function () {
|
|
109
|
+
updateAudioTime(currentTimeRef.current - 10);
|
|
110
|
+
var trackingInformation = getTrackingInformation('audio-player-skip-backward', EventTrigger.Click, { event_navigation_name: 'backward skip' });
|
|
111
|
+
fireEvent(trackingInformation);
|
|
112
|
+
}, [fireEvent, getTrackingInformation, updateAudioTime, currentTimeRef]);
|
|
113
|
+
// TODO remove ignore once in use
|
|
114
|
+
/* istanbul ignore next */
|
|
115
|
+
var onClickForward = useCallback(function () {
|
|
116
|
+
updateAudioTime(currentTimeRef.current + 10);
|
|
117
|
+
var trackingInformation = getTrackingInformation('audio-player-skip-forward', EventTrigger.Click, { event_navigation_name: 'forward skip' });
|
|
118
|
+
fireEvent(trackingInformation);
|
|
119
|
+
}, [fireEvent, getTrackingInformation, updateAudioTime, currentTimeRef]);
|
|
120
|
+
var onDurationChange = useCallback(function (_a) {
|
|
121
|
+
var target = _a.target;
|
|
122
|
+
var tgt = target;
|
|
123
|
+
setDuration(tgt.duration);
|
|
124
|
+
setDisplayDuration(tgt.duration);
|
|
125
|
+
setBuffered(tgt.buffered);
|
|
126
|
+
}, [setBuffered, setDuration, setDisplayDuration]);
|
|
127
|
+
var play = useCallback(function () {
|
|
128
|
+
ifPlayer(function (player) {
|
|
129
|
+
setPlayState(true);
|
|
130
|
+
player.play();
|
|
131
|
+
});
|
|
132
|
+
}, [ifPlayer, setPlayState]);
|
|
133
|
+
var onPlay = useCallback(function () {
|
|
134
|
+
if (autoPlay) {
|
|
135
|
+
fireEvent(getTrackingInformation('audio-player-audio', EventTrigger.Start));
|
|
136
|
+
}
|
|
137
|
+
if (!playing) {
|
|
138
|
+
play();
|
|
139
|
+
fireEvent(getTrackingInformation('audio-player-play-button', EventTrigger.Click));
|
|
140
|
+
}
|
|
141
|
+
}, [autoPlay, fireEvent, playing, getTrackingInformation, play]);
|
|
142
|
+
var pause = useCallback(function () {
|
|
143
|
+
ifPlayer(function (player) {
|
|
144
|
+
setPlayState(false);
|
|
145
|
+
player.pause();
|
|
146
|
+
});
|
|
147
|
+
}, [ifPlayer, setPlayState]);
|
|
148
|
+
var onPause = useCallback(function () {
|
|
149
|
+
if (playing) {
|
|
150
|
+
pause();
|
|
151
|
+
fireEvent(getTrackingInformation(
|
|
152
|
+
// TODO remove ignore once implemented live functionality
|
|
153
|
+
/* istanbul ignore next */
|
|
154
|
+
live ? 'audio-player-stop-button' : 'audio-player-pause-button', EventTrigger.Click));
|
|
155
|
+
}
|
|
156
|
+
}, [playing, pause, fireEvent, live, getTrackingInformation]);
|
|
157
|
+
// TODO remove ignore once in use
|
|
158
|
+
/* istanbul ignore next */
|
|
159
|
+
var onPopoutClick = function () {
|
|
160
|
+
pause();
|
|
161
|
+
fireEvent(
|
|
162
|
+
// TODO remove ignore when implementing live functionality and test
|
|
163
|
+
/* istanbul ignore next */
|
|
164
|
+
getTrackingInformation('audio-player-popout', EventTrigger.Click));
|
|
165
|
+
};
|
|
166
|
+
var togglePlay = useCallback(function () {
|
|
167
|
+
console.log(loading, 'Loading');
|
|
168
|
+
if (loading) {
|
|
169
|
+
return;
|
|
170
|
+
}
|
|
171
|
+
if (playing) {
|
|
172
|
+
onPause();
|
|
173
|
+
}
|
|
174
|
+
else {
|
|
175
|
+
onPlay();
|
|
176
|
+
}
|
|
177
|
+
}, [loading, playing, onPause, onPlay]);
|
|
178
|
+
var onProgress = function (_a) {
|
|
179
|
+
var target = _a.target;
|
|
180
|
+
setBuffered(target.buffered);
|
|
181
|
+
};
|
|
182
|
+
var onTimeUpdate = function (_a) {
|
|
183
|
+
var target = _a.target;
|
|
184
|
+
var eventTime = Math.floor(target.currentTime);
|
|
185
|
+
if (currentTimeRef.current !== eventTime) {
|
|
186
|
+
setCurrentTime(eventTime);
|
|
187
|
+
var trackingInformation = getTrackingInformation('audio-player-audio', EventTrigger.Pulse);
|
|
188
|
+
fireEvent(trackingInformation);
|
|
189
|
+
}
|
|
190
|
+
// TO Do: Should be added in the ticket for controls
|
|
191
|
+
// if (currentTimeRef.current > 5) {
|
|
192
|
+
// setIsPrevTrackBtnDisabled(false);
|
|
193
|
+
// } else {
|
|
194
|
+
// setIsPrevTrackBtnDisabled(Boolean(disablePreviousTrack));
|
|
195
|
+
// }
|
|
196
|
+
};
|
|
197
|
+
// const onVolumeChange = useCallback(
|
|
198
|
+
// ({target}: SyntheticEvent<HTMLAudioElement, Event>) => {
|
|
199
|
+
// updateAudioVolume((target as HTMLAudioElement).volume);
|
|
200
|
+
// },
|
|
201
|
+
// [updateAudioVolume],
|
|
202
|
+
// );
|
|
203
|
+
var onChangeSlider = useCallback(function (value) {
|
|
204
|
+
updateAudioTime(value);
|
|
205
|
+
}, [updateAudioTime]);
|
|
206
|
+
// const onChangeVolumeSlider = useCallback(
|
|
207
|
+
// (value: number) => {
|
|
208
|
+
// updateAudioVolume(value);
|
|
209
|
+
// },
|
|
210
|
+
// [updateAudioVolume],
|
|
211
|
+
// );
|
|
212
|
+
var onEnded = useCallback(function () {
|
|
213
|
+
var trackingInformation = getTrackingInformation('audio-complete', EventTrigger.End);
|
|
214
|
+
fireEvent(trackingInformation);
|
|
215
|
+
}, [getTrackingInformation, fireEvent]);
|
|
216
|
+
// Preserve audioplayer play state on src change
|
|
217
|
+
useEffect(function () {
|
|
218
|
+
ifPlayer(function (player) {
|
|
219
|
+
player.load();
|
|
220
|
+
onWaiting();
|
|
221
|
+
if (!autoPlay) {
|
|
222
|
+
if (playing) {
|
|
223
|
+
player.play();
|
|
224
|
+
}
|
|
225
|
+
else {
|
|
226
|
+
player.pause();
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
});
|
|
230
|
+
return function () {
|
|
231
|
+
clearTimeout(showLoaderTimeoutRef.current);
|
|
232
|
+
};
|
|
233
|
+
}, [src]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
234
|
+
// useEffect(() => {
|
|
235
|
+
// const storedVolume = parseFloat(
|
|
236
|
+
// (typeof window !== 'undefined' &&
|
|
237
|
+
// window.localStorage.getItem('newskit-audioplayer-volume')) ||
|
|
238
|
+
// '',
|
|
239
|
+
// );
|
|
240
|
+
// updateAudioVolume(Number.isNaN(storedVolume) ? 0.7 : storedVolume);
|
|
241
|
+
// }, []); // eslint-disable-line react-hooks/exhaustive-deps
|
|
242
|
+
return {
|
|
243
|
+
audioEvents: (_b = {},
|
|
244
|
+
_b[AudioEvents.Play] = onPlay,
|
|
245
|
+
_b[AudioEvents.Pause] = onPause,
|
|
246
|
+
_b[AudioEvents.Waiting] = onWaiting,
|
|
247
|
+
_b[AudioEvents.CanPlay] = onCanPlay,
|
|
248
|
+
_b[AudioEvents.Ended] = onEnded,
|
|
249
|
+
// [AudioEvents.VolumeChange]: onVolumeChange,
|
|
250
|
+
_b[AudioEvents.DurationChange] = onDurationChange,
|
|
251
|
+
_b[AudioEvents.TimeUpdate] = onTimeUpdate,
|
|
252
|
+
_b[AudioEvents.Progress] = onProgress,
|
|
253
|
+
_b),
|
|
254
|
+
onClickPrevious: onClickPrevious,
|
|
255
|
+
onClickNext: onClickNext,
|
|
256
|
+
onClickBackward: onClickBackward,
|
|
257
|
+
onClickForward: onClickForward,
|
|
258
|
+
onPopoutClick: onPopoutClick,
|
|
259
|
+
togglePlay: togglePlay,
|
|
260
|
+
onChangeSlider: onChangeSlider,
|
|
261
|
+
// onChangeVolumeSlider,
|
|
262
|
+
};
|
|
263
|
+
};
|
|
264
|
+
//# sourceMappingURL=audio-functions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"audio-functions.js","sourceRoot":"","sources":["../../../src/audio-player-composable/audio-functions.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAsC;AACtC,OAAO,EAAC,WAAW,EAAkB,SAAS,EAAC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAC,YAAY,EAAE,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAC,WAAW,EAA4B,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,SAAS,CAAC;AACzD,OAAO,yBAAyB,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAC,OAAO,EAAC,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAqBT;;QApBvB,eAAe,qBAAA,EACf,WAAW,iBAAA,EACX,QAAQ,cAAA;IACR,wBAAwB;IACxB,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,YAAY,kBAAA;IACZ,aAAa;IACb,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,WAAW,iBAAA;IAGJ,IAAA,SAAS,GAAI,kBAAkB,EAAE,UAAxB,CAAyB;IAEzC,IAAM,QAAQ,GAAG,WAAW,CAC1B,UAAC,EAAiC;QAChC,IAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC;QAChC,oFAAoF;QACpF,0BAA0B;QAC1B,IAAI,MAAM,EAAE;YACV,EAAE,CAAC,MAAM,CAAC,CAAC;SACZ;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAM,cAAc,GAAG,WAAW,CAAC;QACjC,IAAM,UAAU,GAAG;YACjB,YAAY,EAAE,+BAAwB,OAAO,CAAE;YAC/C,UAAU,EAAE,OAAO;SACpB,CAAC;QACF,OAAO,IAAI;YACT,CAAC,CAAC,8CAA8C;gBAC9C,0BAA0B;gBAC1B,UAAU;YACZ,CAAC,uBACM,UAAU,KACb,cAAc,EAAE,eAAe,CAAC,QAAQ,CAAC,EACzC,eAAe,EAAE,yBAAyB,CACxC,cAAc,CAAC,OAAO,EACtB,QAAQ,CACT,EACD,aAAa,EAAE,eAAe,CAAC,QAAQ,EAAE,cAAc,CAAC,OAAO,CAAC,EAChE,YAAY,EAAE,eAAe,CAAC,cAAc,CAAC,OAAO,CAAC,GACtD,CAAC;IACR,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC;IAErC,IAAM,sBAAsB,GAAG,WAAW,CACxC,UACE,UAAkB,EAClB,YAA0B,EAC1B,iBAA0B;QAE1B,IAAM,OAAO,yBACR,cAAc,EAAE,GAChB,iBAAiB,CACrB,CAAC;QACF,IAAM,mBAAmB,GAAG;YAC1B,UAAU,YAAA;YACV,OAAO,EAAE,YAAY;YACrB,OAAO,SAAA;SACR,CAAC;QAEF,OAAO,mBAAmB,CAAC;IAC7B,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,IAAM,SAAS,GAAG,WAAW,CAAC;QAC5B,YAAY,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAC3C,6DAA6D;QAC7D,sDAAsD;QACtD,0CAA0C;QAC1C,oBAAoB,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAC9C,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EACtB,GAAG,CACJ,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAEvC,IAAM,SAAS,GAAG,WAAW,CAAC;QAC5B,YAAY,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAC3C,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAEvC,IAAM,eAAe,GAAG,WAAW,CACjC,UAAC,UAAkB;QACjB,IAAM,aAAa,GAAG,eAAe,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;QACjE,cAAc,CAAC,aAAa,CAAC,CAAC;QAE9B,QAAQ,CAAC,UAAA,MAAM;YACb,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,EAAE,cAAc,EAAE,QAAQ,CAAC,CACrC,CAAC;IAEF,yCAAyC;IACzC,uBAAuB;IACvB,iFAAiF;IACjF,sBAAsB;IAEtB,2BAA2B;IAC3B,6BAA6B;IAC7B,UAAU;IACV,OAAO;IACP,2BAA2B;IAC3B,KAAK;IAEL,iCAAiC;IACjC,0BAA0B;IAC1B,IAAM,eAAe,GAAG,WAAW,CAAC;QAClC,IAAI,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE;YAC9B,eAAe,CAAC,CAAC,CAAC,CAAC;YACnB,OAAO;SACR;QAED,wGAAwG;QACxG,0BAA0B;QAC1B,IAAI,eAAe,EAAE;YACnB,eAAe,EAAE,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAEvD,iCAAiC;IACjC,0BAA0B;IAC1B,IAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,wGAAwG;QACxG,0BAA0B;QAC1B,IAAI,WAAW,EAAE;YACf,WAAW,EAAE,CAAC;SACf;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,iCAAiC;IACjC,0BAA0B;IAC1B,IAAM,eAAe,GAAG,WAAW,CAAC;QAClC,eAAe,CAAC,cAAc,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;QAC7C,IAAM,mBAAmB,GAAG,sBAAsB,CAChD,4BAA4B,EAC5B,YAAY,CAAC,KAAK,EAClB,EAAC,qBAAqB,EAAE,eAAe,EAAC,CACzC,CAAC;QACF,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,SAAS,EAAE,sBAAsB,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzE,iCAAiC;IACjC,0BAA0B;IAC1B,IAAM,cAAc,GAAG,WAAW,CAAC;QACjC,eAAe,CAAC,cAAc,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;QAE7C,IAAM,mBAAmB,GAAG,sBAAsB,CAChD,2BAA2B,EAC3B,YAAY,CAAC,KAAK,EAClB,EAAC,qBAAqB,EAAE,cAAc,EAAC,CACxC,CAAC;QACF,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,SAAS,EAAE,sBAAsB,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzE,IAAM,gBAAgB,GAAG,WAAW,CAClC,UAAC,EAAiD;YAAhD,MAAM,YAAA;QACN,IAAM,GAAG,GAAG,MAA0B,CAAC;QACvC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC1B,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACjC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAC/C,CAAC;IAEF,IAAM,IAAI,GAAG,WAAW,CAAC;QACvB,QAAQ,CAAC,UAAA,MAAM;YACb,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,MAAM,CAAC,IAAI,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7B,IAAM,MAAM,GAAG,WAAW,CAAC;QACzB,IAAI,QAAQ,EAAE;YACZ,SAAS,CACP,sBAAsB,CAAC,oBAAoB,EAAE,YAAY,CAAC,KAAK,CAAC,CACjE,CAAC;SACH;QAED,IAAI,CAAC,OAAO,EAAE;YACZ,IAAI,EAAE,CAAC;YAEP,SAAS,CACP,sBAAsB,CAAC,0BAA0B,EAAE,YAAY,CAAC,KAAK,CAAC,CACvE,CAAC;SACH;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,sBAAsB,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjE,IAAM,KAAK,GAAG,WAAW,CAAC;QACxB,QAAQ,CAAC,UAAA,MAAM;YACb,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,MAAM,CAAC,KAAK,EAAE,CAAC;QACjB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7B,IAAM,OAAO,GAAG,WAAW,CAAC;QAC1B,IAAI,OAAO,EAAE;YACX,KAAK,EAAE,CAAC;YAER,SAAS,CACP,sBAAsB;YACpB,yDAAyD;YACzD,0BAA0B;YAC1B,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,2BAA2B,EAC/D,YAAY,CAAC,KAAK,CACnB,CACF,CAAC;SACH;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAE9D,iCAAiC;IACjC,0BAA0B;IAC1B,IAAM,aAAa,GAAG;QACpB,KAAK,EAAE,CAAC;QAER,SAAS;QACP,mEAAmE;QACnE,0BAA0B;QAC1B,sBAAsB,CAAC,qBAAqB,EAAE,YAAY,CAAC,KAAK,CAAC,CAClE,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,WAAW,CAAC;QAC7B,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAChC,IAAI,OAAO,EAAE;YACX,OAAO;SACR;QAED,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAC;SACX;aAAM;YACL,MAAM,EAAE,CAAC;SACV;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAExC,IAAM,UAAU,GAAG,UAAC,EAAiD;YAAhD,MAAM,YAAA;QACzB,WAAW,CAAE,MAA2B,CAAC,QAAQ,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,EAAiD;YAAhD,MAAM,YAAA;QAC3B,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAE,MAA2B,CAAC,WAAW,CAAC,CAAC;QACvE,IAAI,cAAc,CAAC,OAAO,KAAK,SAAS,EAAE;YACxC,cAAc,CAAC,SAAS,CAAC,CAAC;YAE1B,IAAM,mBAAmB,GAAG,sBAAsB,CAChD,oBAAoB,EACpB,YAAY,CAAC,KAAK,CACnB,CAAC;YACF,SAAS,CAAC,mBAAmB,CAAC,CAAC;SAChC;QACD,oDAAoD;QACpD,oCAAoC;QACpC,sCAAsC;QACtC,WAAW;QACX,8DAA8D;QAC9D,IAAI;IACN,CAAC,CAAC;IAEF,sCAAsC;IACtC,6DAA6D;IAC7D,8DAA8D;IAC9D,OAAO;IACP,yBAAyB;IACzB,KAAK;IAEL,IAAM,cAAc,GAAG,WAAW,CAChC,UAAC,KAAa;QACZ,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,4CAA4C;IAC5C,yBAAyB;IACzB,gCAAgC;IAChC,OAAO;IACP,yBAAyB;IACzB,KAAK;IAEL,IAAM,OAAO,GAAG,WAAW,CAAC;QAC1B,IAAM,mBAAmB,GAAG,sBAAsB,CAChD,gBAAgB,EAChB,YAAY,CAAC,GAAG,CACjB,CAAC;QACF,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC,CAAC;IAExC,gDAAgD;IAChD,SAAS,CAAC;QACR,QAAQ,CAAC,UAAA,MAAM;YACb,MAAM,CAAC,IAAI,EAAE,CAAC;YACd,SAAS,EAAE,CAAC;YACZ,IAAI,CAAC,QAAQ,EAAE;gBACb,IAAI,OAAO,EAAE;oBACX,MAAM,CAAC,IAAI,EAAE,CAAC;iBACf;qBAAM;oBACL,MAAM,CAAC,KAAK,EAAE,CAAC;iBAChB;aACF;QACH,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,YAAY,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,kDAAkD;IAE7D,oBAAoB;IACpB,qCAAqC;IACrC,wCAAwC;IACxC,sEAAsE;IACtE,YAAY;IACZ,OAAO;IACP,wEAAwE;IACxE,6DAA6D;IAE7D,OAAO;QACL,WAAW;YACT,GAAC,WAAW,CAAC,IAAI,IAAG,MAAM;YAC1B,GAAC,WAAW,CAAC,KAAK,IAAG,OAAO;YAC5B,GAAC,WAAW,CAAC,OAAO,IAAG,SAAS;YAChC,GAAC,WAAW,CAAC,OAAO,IAAG,SAAS;YAChC,GAAC,WAAW,CAAC,KAAK,IAAG,OAAO;YAC5B,8CAA8C;YAC9C,GAAC,WAAW,CAAC,cAAc,IAAG,gBAAgB;YAC9C,GAAC,WAAW,CAAC,UAAU,IAAG,YAAY;YACtC,GAAC,WAAW,CAAC,QAAQ,IAAG,UAAU;eACnC;QACD,eAAe,iBAAA;QACf,WAAW,aAAA;QACX,eAAe,iBAAA;QACf,cAAc,gBAAA;QACd,aAAa,eAAA;QACb,UAAU,YAAA;QACV,cAAc,gBAAA;QACd,wBAAwB;KACzB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { AudioPlayerComposableProps } from './types';
|
|
3
|
+
export declare const AudioPlayerComposable: ({ children, src, autoPlay, live, ariaLandmark, }: AudioPlayerComposableProps) => JSX.Element;
|
|
4
|
+
//# sourceMappingURL=audio-player-composable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"audio-player-composable.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/audio-player-composable.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAGnD,eAAO,MAAM,qBAAqB,qDAQ/B,0BAA0B,gBAuH5B,CAAC"}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { IconFilledPause } from '../icons/filled/material/icon-filled-pause';
|
|
3
|
+
import { IconFilledPlayArrow } from '../icons/filled/material/icon-filled-play-arrow';
|
|
4
|
+
import { IconFilledStop } from '../icons/filled/material/icon-filled-stop';
|
|
5
|
+
import { AudioElement } from './components/audio-element';
|
|
6
|
+
import { useAudioFunctions } from './audio-functions';
|
|
7
|
+
import { AudioPlayerProvider } from './context';
|
|
8
|
+
import { formatFunction } from './components/time-display/utils';
|
|
9
|
+
export var AudioPlayerComposable = function (_a) {
|
|
10
|
+
var children = _a.children, src = _a.src,
|
|
11
|
+
/* istanbul ignore next */
|
|
12
|
+
_b = _a.autoPlay,
|
|
13
|
+
/* istanbul ignore next */
|
|
14
|
+
autoPlay = _b === void 0 ? false : _b,
|
|
15
|
+
/* istanbul ignore next */
|
|
16
|
+
_c = _a.live,
|
|
17
|
+
/* istanbul ignore next */
|
|
18
|
+
live = _c === void 0 ? false : _c, ariaLandmark = _a.ariaLandmark;
|
|
19
|
+
var currentTimeRef = useRef(0);
|
|
20
|
+
var audioRef = useRef(null);
|
|
21
|
+
var showLoaderTimeoutRef = useRef(0);
|
|
22
|
+
var _d = useState(autoPlay), playing = _d[0], setPlayState = _d[1];
|
|
23
|
+
var _e = useState(true), loading = _e[0], setLoading = _e[1];
|
|
24
|
+
var _f = useState(0), duration = _f[0], setDuration = _f[1];
|
|
25
|
+
var _g = useState(0), currentTime = _g[0], setCurrentTime = _g[1];
|
|
26
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
27
|
+
var _h = useState(0), displayDuration = _h[0], setDisplayDuration = _h[1];
|
|
28
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29
|
+
var _j = useState(false), isPrevTrackBtnDisabled = _j[0], setIsPrevTrackBtnDisabled = _j[1];
|
|
30
|
+
var _k = useState(), buffered = _k[0], setBuffered = _k[1];
|
|
31
|
+
useEffect(function () {
|
|
32
|
+
currentTimeRef.current = currentTime;
|
|
33
|
+
});
|
|
34
|
+
useEffect(function () {
|
|
35
|
+
setCurrentTime(0);
|
|
36
|
+
setDisplayDuration(0);
|
|
37
|
+
}, [src]);
|
|
38
|
+
// @ts-ignore as we are not passing all the parameters yet.
|
|
39
|
+
var _l = useAudioFunctions({
|
|
40
|
+
autoPlay: autoPlay,
|
|
41
|
+
audioRef: audioRef,
|
|
42
|
+
playing: playing,
|
|
43
|
+
setLoading: setLoading,
|
|
44
|
+
loading: loading,
|
|
45
|
+
setPlayState: setPlayState,
|
|
46
|
+
showLoaderTimeoutRef: showLoaderTimeoutRef,
|
|
47
|
+
setCurrentTime: setCurrentTime,
|
|
48
|
+
setBuffered: setBuffered,
|
|
49
|
+
setDisplayDuration: setDisplayDuration,
|
|
50
|
+
setIsPrevTrackBtnDisabled: setIsPrevTrackBtnDisabled,
|
|
51
|
+
currentTimeRef: currentTimeRef,
|
|
52
|
+
duration: duration,
|
|
53
|
+
setDuration: setDuration,
|
|
54
|
+
src: src,
|
|
55
|
+
}), audioEvents = _l.audioEvents, togglePlay = _l.togglePlay, onChangeSlider = _l.onChangeSlider;
|
|
56
|
+
var getPlayPauseButtonProps = function (_a) {
|
|
57
|
+
var consumerOnClick = _a.onClick;
|
|
58
|
+
// All the internal logic for defining aria and icon to show
|
|
59
|
+
var playStateIcon = React.createElement(IconFilledPlayArrow, null);
|
|
60
|
+
var ariaLabel = 'Play';
|
|
61
|
+
var ariaPressed = false;
|
|
62
|
+
if (playing) {
|
|
63
|
+
ariaPressed = true;
|
|
64
|
+
// TODO remove ignore as we implement the "live" functionality back and write test for it
|
|
65
|
+
/* istanbul ignore next */
|
|
66
|
+
if (live) {
|
|
67
|
+
playStateIcon = React.createElement(IconFilledPause, null);
|
|
68
|
+
ariaLabel = 'Pause';
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
71
|
+
playStateIcon = React.createElement(IconFilledStop, null);
|
|
72
|
+
ariaLabel = 'Stop';
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
var onClick = function () {
|
|
76
|
+
if (consumerOnClick)
|
|
77
|
+
consumerOnClick();
|
|
78
|
+
togglePlay();
|
|
79
|
+
};
|
|
80
|
+
return {
|
|
81
|
+
ariaLabel: ariaLabel,
|
|
82
|
+
ariaPressed: ariaPressed,
|
|
83
|
+
loading: loading,
|
|
84
|
+
onClick: onClick,
|
|
85
|
+
// can be needed for custom internal logic
|
|
86
|
+
playing: playing,
|
|
87
|
+
canPause: live,
|
|
88
|
+
playStateIcon: playStateIcon,
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
var getSeekBarProps = function () { return ({
|
|
92
|
+
duration: duration,
|
|
93
|
+
currentTime: currentTime,
|
|
94
|
+
onChange: onChangeSlider,
|
|
95
|
+
buffered: buffered,
|
|
96
|
+
}); };
|
|
97
|
+
var getTimeDisplayProps = function () { return ({
|
|
98
|
+
format: formatFunction,
|
|
99
|
+
currentTime: currentTime,
|
|
100
|
+
duration: duration,
|
|
101
|
+
}); };
|
|
102
|
+
var value = {
|
|
103
|
+
// Props function getter
|
|
104
|
+
getPlayPauseButtonProps: getPlayPauseButtonProps,
|
|
105
|
+
getTimeDisplayProps: getTimeDisplayProps,
|
|
106
|
+
getSeekBarProps: getSeekBarProps,
|
|
107
|
+
// Internal for AudioElement
|
|
108
|
+
audioRef: audioRef,
|
|
109
|
+
audioEvents: audioEvents,
|
|
110
|
+
src: src,
|
|
111
|
+
autoPlay: autoPlay,
|
|
112
|
+
};
|
|
113
|
+
return (React.createElement("section", { "aria-label": ariaLandmark || 'Audio Player' },
|
|
114
|
+
React.createElement(AudioPlayerProvider, { value: value },
|
|
115
|
+
React.createElement(AudioElement, null),
|
|
116
|
+
children)));
|
|
117
|
+
};
|
|
118
|
+
//# sourceMappingURL=audio-player-composable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"audio-player-composable.js","sourceRoot":"","sources":["../../../src/audio-player-composable/audio-player-composable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"audio-element.d.ts","sourceRoot":"","sources":["../../../../src/audio-player-composable/components/audio-element.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,mBAyBxB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/* eslint-disable jsx-a11y/media-has-caption */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useAudioPlayerContext } from '../context';
|
|
4
|
+
export var AudioElement = function () {
|
|
5
|
+
var _a = useAudioPlayerContext(), src = _a.src, audioRef = _a.audioRef, audioEvents = _a.audioEvents, autoPlay = _a.autoPlay;
|
|
6
|
+
var _b = audioEvents, onCanPlay = _b.onCanPlay, onDurationChange = _b.onDurationChange, onTimeUpdate = _b.onTimeUpdate, onWaiting = _b.onWaiting, onEnded = _b.onEnded, onProgress = _b.onProgress;
|
|
7
|
+
return (React.createElement("audio", { ref: audioRef, autoPlay: autoPlay, src: src, onCanPlay: onCanPlay, onDurationChange: onDurationChange, onWaiting: onWaiting, onEnded: onEnded, onTimeUpdate: onTimeUpdate, onProgress: onProgress, "data-testid": "audio-element" }));
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=audio-element.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"audio-element.js","sourceRoot":"","sources":["../../../../src/audio-player-composable/components/audio-element.tsx"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,qBAAqB,EAAC,MAAM,YAAY,CAAC;AAEjD,MAAM,CAAC,IAAM,YAAY,GAAG;IACpB,IAAA,KAAyC,qBAAqB,EAAE,EAA/D,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAA2B,CAAC;IACjE,IAAA,KAOF,WAAY,EANd,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,OAAO,aAAA,EACP,UAAU,gBACI,CAAC;IAEjB,OAAO,CACL,+BACE,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,iBACV,eAAe,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/play-pause-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/play-pause-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"play-pause-button.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/play-pause-button/play-pause-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuBrE,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from 'react';
|
|
24
|
+
import { IconButton } from '../../../icon-button';
|
|
25
|
+
import { ButtonSize } from '../../../button/types';
|
|
26
|
+
import { useAudioPlayerContext } from '../../context';
|
|
27
|
+
export var AudioPlayerPlayPauseButton = React.memo(function (_a) {
|
|
28
|
+
var consumerOnClick = _a.onClick, props = __rest(_a, ["onClick"]);
|
|
29
|
+
var getPlayPauseButtonProps = useAudioPlayerContext().getPlayPauseButtonProps;
|
|
30
|
+
var _b = getPlayPauseButtonProps &&
|
|
31
|
+
getPlayPauseButtonProps({ onClick: consumerOnClick }), playStateIcon = _b.playStateIcon, ariaLabel = _b.ariaLabel, ariaPressed = _b.ariaPressed, loading = _b.loading, onClick = _b.onClick;
|
|
32
|
+
return (React.createElement(IconButton, __assign({ "data-testid": "audio-player-play-pause-button", "aria-label": ariaLabel, "aria-pressed": ariaPressed, loading: loading, onClick: onClick, size: props.size || ButtonSize.Large, overrides: props.overrides }, props), playStateIcon));
|
|
33
|
+
});
|
|
34
|
+
//# sourceMappingURL=play-pause-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"play-pause-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/play-pause-button/play-pause-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAGpD,MAAM,CAAC,IAAM,0BAA0B,GAAmC,KAAK,CAAC,IAAI,CAClF,UAAC,EAAoC;IAAnC,IAAS,eAAe,aAAA,EAAK,KAAK,cAAnC,WAAoC,CAAD;IAC3B,IAAA,uBAAuB,GAAI,qBAAqB,EAAE,wBAA3B,CAA4B;IAEpD,IAAA,KACJ,uBAAwB;QACxB,uBAAuB,CAAC,EAAC,OAAO,EAAE,eAAe,EAAC,CAAC,EAF9C,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAET,CAAC;IAEtD,OAAO,CACL,oBAAC,UAAU,4BACG,gCAAgC,gBAChC,SAAS,kBACP,WAAW,EACzB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,EACpC,SAAS,EAAE,KAAK,CAAC,SAAS,IACtB,KAAK,GAER,aAAa,CACH,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/play-pause-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACtC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/play-pause-button/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
audioPlayerSeekBar: {
|
|
3
|
+
slider: {
|
|
4
|
+
track: {
|
|
5
|
+
stylePreset: string;
|
|
6
|
+
size: string;
|
|
7
|
+
};
|
|
8
|
+
indicator: {
|
|
9
|
+
stylePreset: string;
|
|
10
|
+
};
|
|
11
|
+
thumb: {
|
|
12
|
+
stylePreset: string;
|
|
13
|
+
size: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
buffering: {
|
|
17
|
+
stylePreset: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export default _default;
|
|
22
|
+
//# sourceMappingURL=defaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,wBAmBE"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
audioPlayerSeekBar: {
|
|
3
|
+
slider: {
|
|
4
|
+
track: {
|
|
5
|
+
stylePreset: 'seekBarTrack',
|
|
6
|
+
size: 'sizing020',
|
|
7
|
+
},
|
|
8
|
+
indicator: {
|
|
9
|
+
stylePreset: 'seekBarIndicator',
|
|
10
|
+
},
|
|
11
|
+
thumb: {
|
|
12
|
+
stylePreset: 'seekBarThumb',
|
|
13
|
+
size: 'sizing040',
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
buffering: {
|
|
17
|
+
stylePreset: 'seekBarBuffering',
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,kBAAkB,EAAE;QAClB,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,IAAI,EAAE,WAAW;aAClB;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,kBAAkB;aAChC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,IAAI,EAAE,WAAW;aAClB;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,kBAAkB;SAChC;KACF;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"seek-bar.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/seek-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AA4IrC,eAAO,MAAM,kBAAkB,wBAG7B,CAAC"}
|