newskit 5.1.0 → 5.3.0

package/esm/audio-player-composable/components/seek-bar/seek-bar.js

@@ -0,0 +1,76 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useCallback } from 'react';
+import { getTrackBackground } from 'react-range';
+import { useAudioPlayerContext } from '../../context';
+import { Slider } from '../../../slider';
+import { ScreenReaderOnly } from '../../../screen-reader-only';
+import { useReactKeys } from '../../../utils/hooks';
+import { filterOutFalsyProperties } from '../../../utils/filter-object';
+import { getToken } from '../../../utils/get-token';
+import { getSingleStylePreset } from '../../../utils';
+import { StyledTrack } from '../../../slider/styled';
+import { withOwnTheme } from '../../../utils/with-own-theme';
+import stylePresets from './style-presets';
+import { useTheme } from '../../../theme';
+import defaults from './defaults';
+import { formatTrackData, seekBarAriaValueText } from './utils';
+var ThemelessSeekBar = function (_a) {
+    var _b = _a.overrides, overrides = _b === void 0 ? {} : _b;
+    var seekBarSliderOverrides = overrides.slider;
+    var theme = useTheme();
+    var seekBarSliderDefaults = theme.componentDefaults.audioPlayerSeekBar.slider;
+    var getSeekBarProps = useAudioPlayerContext().getSeekBarProps;
+    var _c = getSeekBarProps && getSeekBarProps(), duration = _c.duration, currentTime = _c.currentTime, onChange = _c.onChange, buffered = _c.buffered;
+    var srOnlyForwardRewind = useReactKeys(1)[0];
+    var renderTrack = useCallback(function (_a) {
+        var trackProps = _a.props, trackChildren = _a.children, isDragged = _a.isDragged;
+        var sliderTrackStylePreset = getToken({ theme: theme, overrides: overrides }, 'audioPlayerSeekBar.slider.track', 'slider.track', 'stylePreset');
+        var sliderIndicatorTrackStylePreset = getToken({ theme: theme, overrides: overrides }, 'audioPlayerSeekBar.slider.indicator', 'slider.indicator', 'stylePreset');
+        var bufferingStylePreset = getToken({ theme: theme, overrides: overrides }, 'audioPlayerSeekBar.buffering', 'buffering', 'stylePreset');
+        var _b = formatTrackData(getSingleStylePreset(theme, 'base', 'backgroundColor', sliderTrackStylePreset), getSingleStylePreset(theme, 'base', 'backgroundColor', sliderIndicatorTrackStylePreset), getSingleStylePreset(theme, 'base', 'backgroundColor', bufferingStylePreset), [currentTime], buffered), values = _b.values, colors = _b.colors;
+        return (React.createElement(StyledTrack, __assign({}, trackProps, { values: [currentTime], dragged: isDragged, onKeyDown: function (e) {
+                var spaceKeyCode = 32;
+                /* istanbul ignore next */
+                if (e.keyCode === spaceKeyCode)
+                    e.preventDefault();
+            }, style: {
+                background: getTrackBackground({
+                    values: values,
+                    colors: colors,
+                    min: 0,
+                    max: Math.floor(duration),
+                }),
+            }, "data-testid": "audio-slider-track", overrides: __assign(__assign({}, seekBarSliderDefaults), filterOutFalsyProperties(seekBarSliderOverrides)) }), trackChildren));
+    }, [
+        buffered,
+        duration,
+        overrides,
+        seekBarSliderDefaults,
+        seekBarSliderOverrides,
+        theme,
+        currentTime,
+    ]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Slider, { min: 0, max: Math.floor(duration) || 1, values: [currentTime], step: 1, ariaLabel: "seek bar", ariaValueText: "Playback time: ".concat(seekBarAriaValueText([
+                currentTime,
+            ]), " of ").concat(seekBarAriaValueText([duration])), onChange: function (_a) {
+                var value = _a[0];
+                return onChange(value);
+            }, renderTrack: renderTrack, dataTestId: "audio-slider", ariaDescribedBy: srOnlyForwardRewind, overrides: __assign(__assign({}, seekBarSliderDefaults), filterOutFalsyProperties(seekBarSliderOverrides)) }),
+        React.createElement(ScreenReaderOnly, { id: srOnlyForwardRewind, "aria-hidden": "true" }, "Use the arrow keys to fast forward or rewind")));
+};
+export var AudioPlayerSeekBar = withOwnTheme(ThemelessSeekBar)({
+    defaults: defaults,
+    stylePresets: stylePresets,
+});
+//# sourceMappingURL=seek-bar.js.map

package/esm/audio-player-composable/components/seek-bar/seek-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seek-bar.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/seek-bar.tsx"],"names":[],"mappings":"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"}

package/esm/audio-player-composable/components/seek-bar/style-presets.d.ts

@@ -0,0 +1,4 @@
+import { StylePreset } from '../../../theme/types';
+declare const _default: Record<string, StylePreset>;
+export default _default;
+//# sourceMappingURL=style-presets.d.ts.map

package/esm/audio-player-composable/components/seek-bar/style-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;;AAEjD,wBAqCiC"}

package/esm/audio-player-composable/components/seek-bar/style-presets.js

@@ -0,0 +1,39 @@
+export default {
+    seekBarTrack: {
+        base: {
+            backgroundColor: '{{colors.interface020}}',
+            borderRadius: '{{borders.borderRadiusPill}}',
+        },
+    },
+    seekBarIndicator: {
+        base: {
+            backgroundColor: '{{colors.interactivePrimary030}}',
+            borderRadius: '{{borders.borderRadiusPill}}',
+        },
+    },
+    seekBarBuffering: {
+        base: {
+            backgroundColor: '{{colors.interface030}}',
+            borderRadius: '{{borders.borderRadiusPill}}',
+        },
+    },
+    seekBarThumb: {
+        base: {
+            boxShadow: '{{shadows.shadow010}}',
+            borderStyle: 'solid',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            iconColor: '{{colors.inkNonEssential}}',
+            backgroundColor: '{{colors.interactivePrimary030}}',
+            borderColor: '{{colors.interfaceBackground}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePrimary040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePrimary050}}',
+            iconColor: '{{colors.inkSubtle}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

package/esm/audio-player-composable/components/seek-bar/style-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/style-presets.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,kCAAkC;YACnD,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;YAClC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,gCAAgC;SAC9C;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,sBAAsB;SAClC;KACF;CAC6B,CAAC"}

package/esm/audio-player-composable/components/seek-bar/types.d.ts

@@ -0,0 +1,11 @@
+import { SliderOverrideProps } from '../../../slider';
+import { MQ } from '../../../utils';
+export declare type SeekBarProps = {
+    overrides?: {
+        slider?: SliderOverrideProps;
+        buffering?: {
+            stylePreset?: MQ<string>;
+        };
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/audio-player-composable/components/seek-bar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,mBAAmB,CAAC;QAC7B,SAAS,CAAC,EAAE;YACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;KACH,CAAC;CACH,CAAC"}

package/esm/audio-player-composable/components/seek-bar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/audio-player-composable/components/seek-bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/types.ts"],"names":[],"mappings":""}

package/esm/audio-player-composable/components/seek-bar/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const formatTrackData: (trackColor: string, indicatorColor: string, bufferColor: string, timeArr: number[], buffered: TimeRanges | undefined) => {
+    colors: string[];
+    values: number[];
+};
+export declare const seekBarAriaValueText: (seekTime: number[]) => string;
+//# sourceMappingURL=utils.d.ts.map

package/esm/audio-player-composable/components/seek-bar/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,eACd,MAAM,kBACF,MAAM,eACT,MAAM,WACV,MAAM,EAAE,YACP,UAAU,GAAG,SAAS;;;CA6BjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAc,MAAM,EAAE,WAgBtD,CAAC"}

package/esm/audio-player-composable/components/seek-bar/utils.js

@@ -0,0 +1,48 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+export var formatTrackData = function (trackColor, indicatorColor, bufferColor, timeArr, buffered) {
+    if (!buffered) {
+        return { colors: [], values: [] };
+    }
+    var time = timeArr[0];
+    var bufferPositions = [];
+    var length = buffered.length;
+    for (var i = 0; i < length; i += 1) {
+        var startPosition = buffered.start(i);
+        if (startPosition > time) {
+            bufferPositions.push(startPosition);
+        }
+        var endPosition = buffered.end(i);
+        if (endPosition > time) {
+            bufferPositions.push(endPosition);
+        }
+    }
+    var colors = __spreadArray(__spreadArray([
+        indicatorColor
+    ], bufferPositions.map(function (x, i) { return (i % 2 ? trackColor : bufferColor); }), true), [
+        trackColor,
+    ], false);
+    var values = __spreadArray([time], bufferPositions, true);
+    return { colors: colors, values: values };
+};
+export var seekBarAriaValueText = function (seekTime) {
+    var time = new Date(seekTime[0] * 1000)
+        .toISOString()
+        .substr(11, 8)
+        .split(':')
+        .map(function (x) { return (+x < 10 ? (+x).toString() : x); });
+    var hour = time[0] !== '0' ? "".concat(time[0], " ").concat(time[0] === '1' ? 'hour' : 'hours') : '';
+    var min = hour || time[1] !== '0'
+        ? "".concat(time[1], " ").concat(time[1] === '1' ? 'minute' : 'minutes')
+        : '';
+    var sec = "".concat(time[2], " ").concat(time[2] === '1' ? 'second' : 'seconds');
+    return [hour, min, sec].filter(Boolean).join(' ');
+};
+//# sourceMappingURL=utils.js.map

package/esm/audio-player-composable/components/seek-bar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/utils.ts"],"names":[],"mappings":";;;;;;;;;AAAA,MAAM,CAAC,IAAM,eAAe,GAAG,UAC7B,UAAkB,EAClB,cAAsB,EACtB,WAAmB,EACnB,OAAiB,EACjB,QAAgC;IAEhC,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,EAAC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC,CAAC;KACjC;IAED,IAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,IAAM,eAAe,GAAG,EAAE,CAAC;IAEpB,IAAA,MAAM,GAAI,QAAQ,OAAZ,CAAa;IAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;QAClC,IAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACxC,IAAI,aAAa,GAAG,IAAI,EAAE;YACxB,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SACrC;QAED,IAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACpC,IAAI,WAAW,GAAG,IAAI,EAAE;YACtB,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACnC;KACF;IAED,IAAM,MAAM;QACV,cAAc;OACX,eAAe,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EAAlC,CAAkC,CAAC;QACpE,UAAU;aACX,CAAC;IACF,IAAM,MAAM,kBAAI,IAAI,GAAK,eAAe,OAAC,CAAC;IAC1C,OAAO,EAAC,MAAM,QAAA,EAAE,MAAM,QAAA,EAAC,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,QAAkB;IACrD,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;SACtC,WAAW,EAAE;SACb,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;SACb,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAA/B,CAA+B,CAAC,CAAC;IAE7C,IAAM,IAAI,GACR,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,UAAG,IAAI,CAAC,CAAC,CAAC,cAAI,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5E,IAAM,GAAG,GACP,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG;QACrB,CAAC,CAAC,UAAG,IAAI,CAAC,CAAC,CAAC,cAAI,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAE;QACxD,CAAC,CAAC,EAAE,CAAC;IACT,IAAM,GAAG,GAAG,UAAG,IAAI,CAAC,CAAC,CAAC,cAAI,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAE,CAAC;IAEnE,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACpD,CAAC,CAAC"}

package/esm/audio-player-composable/components/time-display/defaults.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    audioPlayerTimeDisplay: {
+        stylePreset: string;
+        typographyPreset: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/esm/audio-player-composable/components/time-display/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/defaults.ts"],"names":[],"mappings":";;;;;;AAAA,wBAKE"}

package/esm/audio-player-composable/components/time-display/defaults.js

@@ -0,0 +1,7 @@
+export default {
+    audioPlayerTimeDisplay: {
+        stylePreset: 'timeDisplay',
+        typographyPreset: 'utilityButton030',
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/esm/audio-player-composable/components/time-display/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,sBAAsB,EAAE;QACtB,WAAW,EAAE,aAAa;QAC1B,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAC"}

package/esm/audio-player-composable/components/time-display/index.d.ts

@@ -0,0 +1,3 @@
+export * from './time-display';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/esm/audio-player-composable/components/time-display/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/esm/audio-player-composable/components/time-display/index.js

@@ -0,0 +1,3 @@
+export * from './time-display';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/esm/audio-player-composable/components/time-display/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/esm/audio-player-composable/components/time-display/style-presets.d.ts

@@ -0,0 +1,4 @@
+import { StylePreset } from '../../../theme/types';
+declare const _default: Record<string, StylePreset>;
+export default _default;
+//# sourceMappingURL=style-presets.d.ts.map

package/esm/audio-player-composable/components/time-display/style-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;;AAEjD,wBAMiC"}

package/esm/audio-player-composable/components/time-display/style-presets.js

@@ -0,0 +1,8 @@
+export default {
+    timeDisplay: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

package/esm/audio-player-composable/components/time-display/style-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/style-presets.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;SAC1C;KACF;CAC6B,CAAC"}

package/esm/audio-player-composable/components/time-display/time-display.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { StyledLabelProps } from './types';
+export declare const ThemelessTimeDisplay: ({ overrides, format, }: StyledLabelProps) => JSX.Element;
+export declare const AudioPlayerTimeDisplay: React.FC<StyledLabelProps>;
+//# sourceMappingURL=time-display.d.ts.map

package/esm/audio-player-composable/components/time-display/time-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-display.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/time-display.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AASzC,eAAO,MAAM,oBAAoB,2BAG9B,gBAAgB,gBASlB,CAAC;AAEF,eAAO,MAAM,sBAAsB,4BAGjC,CAAC"}

package/esm/audio-player-composable/components/time-display/time-display.js

@@ -0,0 +1,25 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import { getStylePreset, getTypographyPreset, styled } from '../../../utils';
+import { useAudioPlayerContext } from '../../context';
+import { withOwnTheme } from '../../../utils/with-own-theme';
+import defaults from './defaults';
+import stylePresets from './style-presets';
+import { TextBlock } from '../../../text-block';
+var StyledTextBlock = styled(TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  ", "\n  ", ";\n"], ["\n  display: block;\n  ", "\n  ", ";\n"])), getStylePreset("audioPlayerTimeDisplay", ''), getTypographyPreset("audioPlayerTimeDisplay", ''));
+export var ThemelessTimeDisplay = function (_a) {
+    var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, format = _a.format;
+    var getTimeDisplayProps = useAudioPlayerContext().getTimeDisplayProps;
+    var _c = getTimeDisplayProps(), defaultFormat = _c.format, currentTime = _c.currentTime, duration = _c.duration;
+    var formatFn = typeof format === 'function' ? format : defaultFormat;
+    return (React.createElement(StyledTextBlock, { as: "span", overrides: overrides }, formatFn({ currentTime: currentTime, duration: duration })));
+};
+export var AudioPlayerTimeDisplay = withOwnTheme(ThemelessTimeDisplay)({
+    defaults: defaults,
+    stylePresets: stylePresets,
+});
+var templateObject_1;
+//# sourceMappingURL=time-display.js.map

package/esm/audio-player-composable/components/time-display/time-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-display.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/time-display.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAC,qBAAqB,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,+BAA+B,CAAC;AAC3D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAC,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAE9C,IAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,2GAAkB,yBAEvD,EAA4C,MAC5C,EAAiD,KACpD,KAFG,cAAc,CAAC,wBAAwB,EAAE,EAAE,CAAC,EAC5C,mBAAmB,CAAC,wBAAwB,EAAE,EAAE,CAAC,CACpD,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAGlB;QAFjB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,MAAM,YAAA;IAEC,IAAA,mBAAmB,GAAI,qBAAqB,EAAE,oBAA3B,CAA4B;IAChD,IAAA,KAAiD,mBAAoB,EAAE,EAA9D,aAAa,YAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAA0B,CAAC;IAC9E,IAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;IACvE,OAAO,CACL,oBAAC,eAAe,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,IAC5C,QAAQ,CAAC,EAAC,WAAW,aAAA,EAAE,QAAQ,UAAA,EAAC,CAAC,CAClB,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC;IACvE,QAAQ,UAAA;IACR,YAAY,cAAA;CACb,CAAC,CAAC"}

package/esm/audio-player-composable/components/time-display/types.d.ts

@@ -0,0 +1,13 @@
+import { MQ } from '../../../utils';
+export declare type FormatFn = ({ currentTime, duration, }: {
+    currentTime: number;
+    duration: number;
+}) => string;
+export interface StyledLabelProps {
+    format?: FormatFn;
+    overrides?: {
+        typographyPreset?: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/esm/audio-player-composable/components/time-display/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,QAAQ,GAAG,CAAC,EACtB,WAAW,EACX,QAAQ,GACT,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB,KAAK,MAAM,CAAC;AACb,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,QAAQ,CAAC;IAElB,SAAS,CAAC,EAAE;QACV,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH"}

package/esm/audio-player-composable/components/time-display/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/audio-player-composable/components/time-display/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/types.ts"],"names":[],"mappings":""}

package/esm/audio-player-composable/components/time-display/utils.d.ts

@@ -0,0 +1,4 @@
+import { FormatFn } from './types';
+export declare const calculateTime: (secs: number) => string;
+export declare const formatFunction: FormatFn;
+//# sourceMappingURL=utils.d.ts.map

package/esm/audio-player-composable/components/time-display/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,eAAO,MAAM,aAAa,SAAU,MAAM,WAWzC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,QAO5B,CAAC"}

package/esm/audio-player-composable/components/time-display/utils.js

@@ -0,0 +1,20 @@
+export var calculateTime = function (secs) {
+    var hours = Math.floor(secs / 3600);
+    var minutes = Math.floor((secs % 3600) / 60);
+    var seconds = Math.floor(secs % 60);
+    var returnedSeconds = seconds < 10 ? "0".concat(seconds) : "".concat(seconds);
+    var returnedMinutes = minutes < 10 ? "0".concat(minutes) : "".concat(minutes);
+    var returnedHours = hours < 10 ? "0".concat(hours) : "".concat(hours);
+    if (hours > 0) {
+        return "".concat(returnedHours, ":").concat(returnedMinutes, ":").concat(returnedSeconds);
+    }
+    return "".concat(returnedMinutes, ":").concat(returnedSeconds);
+};
+// change to formattedcurrentime
+export var formatFunction = function (_a) {
+    var currentTime = _a.currentTime, duration = _a.duration;
+    var currentFormattedTime = calculateTime(currentTime);
+    var totalDuration = calculateTime(duration);
+    return "".concat(currentFormattedTime, "/").concat(totalDuration, " ");
+};
+//# sourceMappingURL=utils.js.map

package/esm/audio-player-composable/components/time-display/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/utils.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,IAAY;IACxC,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACtC,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/C,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACtC,IAAM,eAAe,GAAG,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,WAAI,OAAO,CAAE,CAAC,CAAC,CAAC,UAAG,OAAO,CAAE,CAAC;IACpE,IAAM,eAAe,GAAG,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,WAAI,OAAO,CAAE,CAAC,CAAC,CAAC,UAAG,OAAO,CAAE,CAAC;IACpE,IAAM,aAAa,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,WAAI,KAAK,CAAE,CAAC,CAAC,CAAC,UAAG,KAAK,CAAE,CAAC;IAC5D,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,OAAO,UAAG,aAAa,cAAI,eAAe,cAAI,eAAe,CAAE,CAAC;KACjE;IACD,OAAO,UAAG,eAAe,cAAI,eAAe,CAAE,CAAC;AACjD,CAAC,CAAC;AACF,gCAAgC;AAChC,MAAM,CAAC,IAAM,cAAc,GAAa,UAAC,EAAuB;QAAtB,WAAW,iBAAA,EAAE,QAAQ,cAAA;IAC7D,IAAM,oBAAoB,GAAG,aAAa,CACvC,WAAiC,CACnC,CAAC;IACF,IAAM,aAAa,GAAG,aAAa,CAAE,QAA8B,CAAC,CAAC;IAErE,OAAO,UAAG,oBAAoB,cAAI,aAAa,MAAG,CAAC;AACrD,CAAC,CAAC"}

package/esm/audio-player-composable/context.d.ts

@@ -0,0 +1,48 @@
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React, { SyntheticEvent } from 'react';
+import { FormatFn } from './components/time-display/types';
+interface AudioPlayerProviderContext {
+    id: string;
+    src: string;
+    autoPlay?: boolean;
+    audioRef: React.RefObject<HTMLAudioElement>;
+    playing: boolean;
+    canPause: boolean;
+    loading: boolean;
+    togglePlay: () => void;
+    audioEvents: {
+        onCanPlay: () => void;
+        onDurationChange: ({ target, }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onTimeUpdate: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onWaiting: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onEnded: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+        onProgress: ({ target }: SyntheticEvent<HTMLAudioElement, Event>) => void;
+    };
+    getPlayPauseButtonProps: (args: {
+        onClick?: () => void;
+    }) => {
+        ariaLabel: string;
+        ariaPressed: boolean;
+        loading: boolean;
+        onClick: () => void;
+        playing: boolean;
+        canPause: boolean;
+        playStateIcon: ReactJSXElement;
+    };
+    getTimeDisplayProps: () => {
+        format: FormatFn;
+        currentTime: number;
+        duration: number;
+    };
+    getSeekBarProps: () => {
+        duration: number;
+        currentTime: number;
+        onChange: (value: number) => void;
+        buffered: TimeRanges | undefined;
+    };
+}
+export declare const AudioPlayerContext: React.Context<Partial<AudioPlayerProviderContext>>;
+export declare const AudioPlayerProvider: React.Provider<Partial<AudioPlayerProviderContext>>;
+export declare const useAudioPlayerContext: () => Partial<AudioPlayerProviderContext>;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/esm/audio-player-composable/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,KAAK,EAAE,EAAgB,cAAc,EAAa,MAAM,OAAO,CAAC;AACvE,OAAO,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AAEzD,UAAU,0BAA0B;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE;QACX,SAAS,EAAE,MAAM,IAAI,CAAC;QACtB,gBAAgB,EAAE,CAAC,EACjB,MAAM,GACP,EAAE,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;QACpD,YAAY,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;QAC1E,SAAS,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;QACvE,OAAO,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;QACrE,UAAU,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;KACzE,CAAC;IAGF,uBAAuB,EAAE,CAAC,IAAI,EAAE;QAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,KAAK;QACJ,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,OAAO,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,OAAO,CAAC;QAClB,aAAa,EAAE,eAAe,CAAC;KAChC,CAAC;IACF,mBAAmB,EAAE,MAAM;QACzB,MAAM,EAAE,QAAQ,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,eAAe,EAAE,MAAM;QACrB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,QAAQ,EAAE,UAAU,GAAG,SAAS,CAAC;KAClC,CAAC;CACH;AAED,eAAO,MAAM,kBAAkB,oDAE1B,CAAC;AAEN,eAAO,MAAM,mBAAmB,qDAA8B,CAAC;AAE/D,eAAO,MAAM,qBAAqB,2CAejC,CAAC"}

package/esm/audio-player-composable/context.js

@@ -0,0 +1,14 @@
+import { createContext, useContext } from 'react';
+export var AudioPlayerContext = createContext({});
+export var AudioPlayerProvider = AudioPlayerContext.Provider;
+export var useAudioPlayerContext = function () {
+    var context = useContext(AudioPlayerContext);
+    /* istanbul ignore if */
+    if (process.env.NODE_ENV !== 'production' &&
+        Object.keys(context).length === 0) {
+        // eslint-disable-next-line no-console
+        console.error('You are using a component which needs to be a child of <AudioPlayerComposable />');
+    }
+    return context;
+};
+//# sourceMappingURL=context.js.map

package/esm/audio-player-composable/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/audio-player-composable/context.tsx"],"names":[],"mappings":"AACA,OAAc,EAAC,aAAa,EAAkB,UAAU,EAAC,MAAM,OAAO,CAAC;AAiDvE,MAAM,CAAC,IAAM,kBAAkB,GAAG,aAAa,CAE7C,EAAE,CAAC,CAAC;AAEN,MAAM,CAAC,IAAM,mBAAmB,GAAG,kBAAkB,CAAC,QAAQ,CAAC;AAE/D,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACnC,IAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE/C,wBAAwB;IACxB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EACjC;QACA,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,kFAAkF,CACnF,CAAC;KACH;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/esm/audio-player-composable/index.d.ts

@@ -0,0 +1,9 @@
+export { calculateTime } from './components/time-display/utils';
+export { AudioPlayerTimeDisplay } from './components/time-display';
+export { AudioPlayerSeekBar } from './components/seek-bar';
+export { AudioPlayerPlayPauseButton } from './components/play-pause-button';
+export { AudioPlayerComposable } from './audio-player-composable';
+export * from './components/seek-bar/types';
+export * from './components/time-display/types';
+export * from './components/play-pause-button/types';
+//# sourceMappingURL=index.d.ts.map

package/esm/audio-player-composable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAC,sBAAsB,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAC,0BAA0B,EAAC,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC"}

package/esm/audio-player-composable/index.js

@@ -0,0 +1,10 @@
+/* istanbul ignore file */
+export { calculateTime } from './components/time-display/utils';
+export { AudioPlayerTimeDisplay } from './components/time-display';
+export { AudioPlayerSeekBar } from './components/seek-bar';
+export { AudioPlayerPlayPauseButton } from './components/play-pause-button';
+export { AudioPlayerComposable } from './audio-player-composable';
+export * from './components/seek-bar/types';
+export * from './components/time-display/types';
+export * from './components/play-pause-button/types';
+//# sourceMappingURL=index.js.map

package/esm/audio-player-composable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAC,sBAAsB,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAC,0BAA0B,EAAC,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC"}

package/esm/audio-player-composable/types.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+export interface AudioFunctionDependencies {
+    onPreviousTrack: () => void;
+    onNextTrack: () => void;
+    autoPlay: boolean;
+    disablePreviousTrack: boolean;
+    src: string;
+    live: NonNullable<boolean>;
+    loading: boolean;
+    duration: number;
+    playing: boolean;
+    showLoaderTimeoutRef: React.MutableRefObject<number>;
+    currentTimeRef: React.MutableRefObject<number>;
+    audioRef: React.RefObject<HTMLAudioElement>;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    setCurrentTime: React.Dispatch<React.SetStateAction<number>>;
+    setPlayState: React.Dispatch<React.SetStateAction<boolean>>;
+    setDuration: React.Dispatch<React.SetStateAction<number>>;
+    setDisplayDuration: React.Dispatch<React.SetStateAction<number>>;
+    setBuffered: React.Dispatch<React.SetStateAction<TimeRanges | undefined>>;
+    setIsPrevTrackBtnDisabled: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export interface TrackControlProps {
+    onNextTrack?: () => void;
+    disableNextTrack?: boolean;
+    onPreviousTrack?: () => void;
+    disablePreviousTrack?: boolean;
+}
+export interface AudioPlayerComposableProps {
+    children: React.ReactNode;
+    src: string;
+    autoPlay?: boolean;
+    live?: boolean;
+    ariaLandmark?: string;
+}
+export declare enum AudioEvents {
+    Play = "onPlay",
+    Pause = "onPause",
+    Waiting = "onWaiting",
+    CanPlay = "onCanPlay",
+    Ended = "onEnded",
+    VolumeChange = "onVolumeChange",
+    DurationChange = "onDurationChange",
+    TimeUpdate = "onTimeUpdate",
+    Progress = "onProgress"
+}
+//# sourceMappingURL=types.d.ts.map

package/esm/audio-player-composable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":";AAAA,MAAM,WAAW,yBAAyB;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAE3B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IAEjB,oBAAoB,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACrD,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAE5C,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7D,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5D,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1D,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC;IAC1E,yBAAyB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1E;AACD,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,oBAAY,WAAW;IACrB,IAAI,WAAW;IACf,KAAK,YAAY;IACjB,OAAO,cAAc;IACrB,OAAO,cAAc;IACrB,KAAK,YAAY;IACjB,YAAY,mBAAmB;IAC/B,cAAc,qBAAqB;IACnC,UAAU,iBAAiB;IAC3B,QAAQ,eAAe;CACxB"}

package/esm/audio-player-composable/types.js

@@ -0,0 +1,13 @@
+export var AudioEvents;
+(function (AudioEvents) {
+    AudioEvents["Play"] = "onPlay";
+    AudioEvents["Pause"] = "onPause";
+    AudioEvents["Waiting"] = "onWaiting";
+    AudioEvents["CanPlay"] = "onCanPlay";
+    AudioEvents["Ended"] = "onEnded";
+    AudioEvents["VolumeChange"] = "onVolumeChange";
+    AudioEvents["DurationChange"] = "onDurationChange";
+    AudioEvents["TimeUpdate"] = "onTimeUpdate";
+    AudioEvents["Progress"] = "onProgress";
+})(AudioEvents || (AudioEvents = {}));
+//# sourceMappingURL=types.js.map

package/esm/audio-player-composable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":"AAwCA,MAAM,CAAN,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,gCAAiB,CAAA;IACjB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,8CAA+B,CAAA;IAC/B,kDAAmC,CAAA;IACnC,0CAA2B,CAAA;IAC3B,sCAAuB,CAAA;AACzB,CAAC,EAVW,WAAW,KAAX,WAAW,QAUtB"}

package/esm/audio-player-composable/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const formatTrackTime: (time: number, maxTime?: number) => string;
+export declare const formatDuration: (time: number, maxTime?: number) => string;
+export declare const getMediaSegment: (duration: number, currentPosition: number) => "0-25" | "26-50" | "51-75" | "76-100";
+//# sourceMappingURL=utils.d.ts.map

package/esm/audio-player-composable/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,SAAU,MAAM,YAAW,MAAM,WAG5D,CAAC;AAEF,eAAO,MAAM,cAAc,SAAU,MAAM,YAAW,MAAM,WAK3D,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,MAAM,mBAAmB,MAAM,0CAWxE,CAAC"}