origam 2.16.0 → 2.17.0

package/dist/src/components/Audio/OrigamAudio.vue

@@ -1,5 +1,7 @@
 <template>
-	<article
+	<component
+			:is="tag"
+			:id="id"
 			class="origam-audio"
 			:class="rootClasses"
 			:style="rootStyles"
@@ -41,156 +43,164 @@
 			/>
 		</audio>
 
-		<origam-media-controller
-				v-if="isCustomControls"
-				v-model:loop-mode="internalLoopMode"
-				v-model:shuffle="internalShuffle"
-				:state="state"
-				:methods="methods"
-				:playback-rates="playbackRates"
-				:allow-remote-playback="allowRemotePlayback"
-				:downloadable="downloadable"
-				:download-url="downloadUrl"
-				:download-filename="downloadFilename"
-				:show-previous="hasPlaylist"
-				:show-next="hasPlaylist"
-				:show-loop="true"
-				:show-shuffle="hasPlaylist"
-				class="origam-audio__controller"
-				data-cy="origam-audio-controls"
-				@previous="onPrevious"
-				@next="onNext"
-				@download="onDownloadClick"
-		>
-			<template #header>
-				<slot name="header">
-					<div
-							v-if="hasCover || hasMetadata"
-							class="origam-audio__header"
-							:class="{ 'origam-audio__header--no-cover': !hasCover }"
-					>
-						<figure
-								v-if="hasCover"
-								class="origam-audio__cover"
-								data-cy="origam-audio-cover-figure"
-						>
-							<slot name="cover">
-								<img
-										:src="resolvedCover!"
-										:alt="coverAlt"
-										:width="coverSizePx"
-										:height="coverSizePx"
-										class="origam-audio__cover-img"
-										data-cy="origam-audio-cover"
-										loading="lazy"
-										decoding="async"
-								/>
-							</slot>
-						</figure>
-
-						<header
-								v-if="hasMetadata"
-								class="origam-audio__metadata"
-								data-cy="origam-audio-metadata"
-						>
-							<slot name="metadata">
-								<slot name="title">
-									<strong
-											v-if="resolvedTitle"
-											class="origam-audio__title"
-											data-cy="origam-audio-title"
-											:style="typographyTitleStyles"
-									>{{ resolvedTitle }}</strong>
-								</slot>
-								<span
-										v-if="hasMetaLine"
-										class="origam-audio__meta"
-										:style="typographyMetaStyles"
-								>
-									<span
-											v-if="resolvedArtist"
-											class="origam-audio__artist"
-											data-cy="origam-audio-artist"
-									>{{ resolvedArtist }}</span>
-									<span
-											v-if="resolvedAlbum"
-											class="origam-audio__album"
-											data-cy="origam-audio-album"
-									>{{ resolvedAlbum }}</span>
-									<span
-											v-if="hasDurationLabel"
-											class="origam-audio__duration"
-											data-cy="origam-audio-duration"
-									>{{ formattedDuration }}</span>
-								</span>
-							</slot>
-						</header>
-					</div>
-				</slot>
-			</template>
-
-			<template #waveform>
-				<slot
-						name="waveform"
-						:peaks="peaks"
-						:current-time="state.currentTime.value"
-						:duration="state.duration.value"
-				>
-					<origam-slider-field
-							:model-value="state.currentTime.value"
-							:max="scrubberMax"
-							:step="0.1"
-							:buffered="state.buffered.value"
-							:peaks="isCompactVariant ? undefined : displayedPeaks"
-							:aria-label="waveformAriaLabel"
-							:variant="isCompactVariant ? 'timer' : 'audio'"
-							show-thumb-on-hover-only
-							show-hover-tooltip
-							:format-hover-tooltip="formatTimeTooltip"
-							class="origam-audio__waveform-slider"
-							:style="{ color: 'inherit' }"
-							data-cy="origam-audio-waveform-slider"
-							@update:model-value="onWaveformSeek"
-					/>
-				</slot>
-			</template>
-
-			<template
-					v-if="hasPlaylist"
-					#footer
+		<template v-if="isCustomControls">
+			<slot
+					name="controls"
+					v-bind="controlsSlotBindings"
 			>
-				<slot
-						name="playlist"
-						:tracks="props.playlist"
-						:current-index="safeTrackIndex"
-						:select="setActiveTrack"
+				<origam-media-controller
+						:loop-mode="resolvedLoopMode"
+						:shuffle="resolvedShuffle"
+						:state="state"
+						:methods="methods"
+						:playback-rates="playbackRates"
+						:allow-remote-playback="allowRemotePlayback"
+						:downloadable="downloadable"
+						:download-url="downloadUrl"
+						:download-filename="downloadFilename"
+						:show-previous="hasPlaylist"
+						:show-next="hasPlaylist"
+						:show-loop="true"
+						:show-shuffle="hasPlaylist"
+						class="origam-audio__controller"
+						data-cy="origam-audio-controls"
+						@previous="onPrevious"
+						@next="onNext"
+						@download="onDownloadClick"
+						@update:loop-mode="onLoopModeChange"
+						@update:shuffle="onShuffleChange"
 				>
-					<origam-list
-						class="origam-audio__playlist"
-						data-cy="origam-audio-playlist"
+					<template #header>
+						<slot name="header">
+							<div
+									v-if="hasCover || hasMetadata"
+									class="origam-audio__header"
+									:class="{ 'origam-audio__header--no-cover': !hasCover }"
+							>
+								<figure
+										v-if="hasCover"
+										class="origam-audio__cover"
+										data-cy="origam-audio-cover-figure"
+								>
+									<slot name="cover">
+										<img
+												:src="resolvedCover!"
+												:alt="coverAlt"
+												:width="coverSizePx"
+												:height="coverSizePx"
+												class="origam-audio__cover-img"
+												data-cy="origam-audio-cover"
+												loading="lazy"
+												decoding="async"
+										/>
+									</slot>
+								</figure>
+
+								<header
+										v-if="hasMetadata"
+										class="origam-audio__metadata"
+										data-cy="origam-audio-metadata"
+								>
+									<slot name="metadata">
+										<slot name="title">
+											<strong
+													v-if="resolvedTitle"
+													class="origam-audio__title"
+													data-cy="origam-audio-title"
+													:style="typographyTitleStyles"
+											>{{ resolvedTitle }}</strong>
+										</slot>
+										<span
+												v-if="hasMetaLine"
+												class="origam-audio__meta"
+												:style="typographyMetaStyles"
+										>
+											<span
+													v-if="resolvedArtist"
+													class="origam-audio__artist"
+													data-cy="origam-audio-artist"
+											>{{ resolvedArtist }}</span>
+											<span
+													v-if="resolvedAlbum"
+													class="origam-audio__album"
+													data-cy="origam-audio-album"
+											>{{ resolvedAlbum }}</span>
+											<span
+													v-if="hasDurationLabel"
+													class="origam-audio__duration"
+													data-cy="origam-audio-duration"
+											>{{ formattedDuration }}</span>
+										</span>
+									</slot>
+								</header>
+							</div>
+						</slot>
+					</template>
+
+					<template #waveform>
+						<slot
+								name="waveform"
+								:peaks="peaks"
+								:current-time="state.currentTime.value"
+								:duration="state.duration.value"
+						>
+							<origam-slider-field
+									:model-value="state.currentTime.value"
+									:max="scrubberMax"
+									:step="0.1"
+									:buffered="state.buffered.value"
+									:peaks="isCompactVariant ? undefined : displayedPeaks"
+									:aria-label="waveformAriaLabel"
+									:variant="isCompactVariant ? 'timer' : 'audio'"
+									show-thumb-on-hover-only
+									show-hover-tooltip
+									:format-hover-tooltip="formatTimeTooltip"
+									class="origam-audio__waveform-slider"
+									:style="{ color: 'inherit' }"
+									data-cy="origam-audio-waveform-slider"
+									@update:model-value="onWaveformSeek"
+							/>
+						</slot>
+					</template>
+
+					<template
+							v-if="hasPlaylist"
+							#footer
 					>
-						<origam-list-item
-								v-for="(track, index) in props.playlist"
-								:key="track.id ?? index"
-								:active="index === safeTrackIndex"
-								:title="track.title ?? `Track ${ index + 1 }`"
-								:subtitle="track.artist"
-								:prepend-avatar="track.cover"
-								class="origam-audio__playlist-item"
-								:data-cy="`origam-audio-playlist-item-${ index }`"
-								@click="setActiveTrack(index)"
+						<slot
+								name="playlist"
+								:tracks="playlist"
+								:current-index="safeTrackIndex"
+								:select="setActiveTrack"
 						>
-							<template
-									v-if="track.duration"
-									#append
+							<origam-list
+								class="origam-audio__playlist"
+								data-cy="origam-audio-playlist"
 							>
-								<span class="origam-audio__playlist-duration">{{ formatMediaTime(track.duration) }}</span>
-							</template>
-						</origam-list-item>
-					</origam-list>
-				</slot>
-			</template>
-		</origam-media-controller>
+								<origam-list-item
+										v-for="(track, index) in playlist"
+										:key="track.id ?? index"
+										:active="index === safeTrackIndex"
+										:title="trackTitle(track, index)"
+										:subtitle="track.artist"
+										:prepend-avatar="track.cover"
+										class="origam-audio__playlist-item"
+										:data-cy="`origam-audio-playlist-item-${ index }`"
+										@click="setActiveTrack(index)"
+								>
+									<template
+											v-if="track.duration"
+											#append
+									>
+										<span class="origam-audio__playlist-duration">{{ formatMediaTime(track.duration) }}</span>
+									</template>
+								</origam-list-item>
+							</origam-list>
+						</slot>
+					</template>
+				</origam-media-controller>
+			</slot>
+		</template>
 
 		<div
 				v-if="state.loading.value && !state.error.value"
@@ -228,7 +238,7 @@
 				<span class="origam-audio__error-msg">{{ errorMessage }}</span>
 			</slot>
 		</div>
-	</article>
+	</component>
 </template>
 
 <script lang="ts" setup>
@@ -242,23 +252,23 @@ import { OrigamIcon } from "../Icon";
 import { OrigamList, OrigamListItem } from "../List";
 import { OrigamMediaController } from "../Media";
 import { OrigamSliderField } from "../SliderField";
-import {
-  useBorder,
-  useColorEffect,
-  useDimension,
-  useElevation,
-  useLocale,
-  useMargin,
-  usePadding,
-  usePosition,
-  useRounded,
-  useTypography
-} from "../../composables";
+import { useUnsupportedProp } from "../../composables/Commons/unsupportedProp.composable";
+import { useBorder } from "../../composables/Commons/border.composable";
+import { useColorEffect } from "../../composables/Commons/colorEffect.composable";
+import { useDimension } from "../../composables/Commons/dimension.composable";
+import { useElevation } from "../../composables/Commons/elevation.composable";
+import { useLocale } from "../../composables/Commons/locale.composable";
+import { useMargin } from "../../composables/Commons/margin.composable";
+import { usePadding } from "../../composables/Commons/padding.composable";
+import { usePosition } from "../../composables/Commons/position.composable";
+import { useRounded } from "../../composables/Commons/rounded.composable";
+import { useTypography } from "../../composables/Commons/typography.composable";
 import { useAudioPlayer } from "../../composables/Audio/use-audio-player.composable";
 import { useWaveform } from "../../composables/Audio/use-waveform.composable";
 import { shouldSuppressAutoplay } from "../../composables/Media/use-media-player.composable";
-import { MDI_ICONS } from "../../enums";
-import { formatMediaTime } from "../../utils";
+import { UNSEEDED } from "../../consts/Commons/vmodel.const";
+import { MDI_ICONS } from "../../enums/Commons/mdi.enum";
+import { formatMediaTime } from "../../utils/Media/format-time.util";
 const { t } = useLocale();
 const props = defineProps({
   variant: { type: null, required: false, default: "expanded" },
@@ -336,11 +346,9 @@ const props = defineProps({
   right: { type: [Number, String], required: false, default: void 0 },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true, default: void 0 },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true, default: void 0 },
-  fontFamily: { type: null, required: false },
   fontSize: { type: null, required: false },
   fontWeight: { type: null, required: false },
-  lineHeight: { type: null, required: false },
-  letterSpacing: { type: null, required: false }
+  lineHeight: { type: null, required: false }
 });
 const emit = defineEmits(["play", "pause", "ended", "timeupdate", "volumechange", "loadedmetadata", "error", "update:playbackRate", "download", "waveform", "previous", "next", "update:currentTrackIndex", "update:loopMode", "update:shuffle", "track-change"]);
 defineSlots();
@@ -348,8 +356,11 @@ const ICONS = {
   LOADING: MDI_ICONS.LOADING,
   ALERT: MDI_ICONS.ALERT_CIRCLE
 };
-const waveformAriaLabel = computed(() => t("origam.media.seek", "Seek"));
-const loadingLabel = computed(() => t("origam.loading", "Loading"));
+const waveformAriaLabel = computed(() => t("origam.media.seek"));
+const loadingLabel = computed(() => t("origam.loading"));
+function trackTitle(track, index) {
+  return track.title ?? t("origam.audio.track_number", index + 1);
+}
 const resolvedAutoplay = computed(() => {
   if (!props.autoplay) return false;
   if (shouldSuppressAutoplay()) return false;
@@ -367,17 +378,20 @@ const isCompactVariant = computed(() => {
 });
 const isExpandedVariant = computed(() => !isCompactVariant.value);
 const hasPlaylist = computed(() => Array.isArray(props.playlist) && props.playlist.length > 0);
-const internalTrackIndex = ref(props.currentTrackIndex ?? 0);
+const internalTrackIndex = ref(UNSEEDED);
 watch(() => props.currentTrackIndex, (next) => {
   if (typeof next === "number" && next !== internalTrackIndex.value) {
     internalTrackIndex.value = next;
   }
 });
+const resolvedTrackIndex = computed(
+  () => internalTrackIndex.value === UNSEEDED ? props.currentTrackIndex ?? 0 : internalTrackIndex.value
+);
 const safeTrackIndex = computed(() => {
   if (!hasPlaylist.value) return 0;
   const total = props.playlist.length;
   if (total === 0) return 0;
-  const i = internalTrackIndex.value;
+  const i = resolvedTrackIndex.value;
   return (i % total + total) % total;
 });
 const activeTrack = computed(() => {
@@ -408,7 +422,7 @@ function navigateRelative(delta) {
   if (!hasPlaylist.value) return;
   const total = props.playlist.length;
   if (total === 0) return;
-  if (internalShuffle.value) {
+  if (resolvedShuffle.value) {
     setActiveTrack(pickRandomIndex());
     return;
   }
@@ -422,8 +436,8 @@ function navigateRelative(delta) {
   }
   setActiveTrack(target);
 }
-const initialLoopMode = props.loopMode && props.loopMode !== "none" ? props.loopMode : props.loop ? "one" : "none";
-const internalLoopMode = ref(initialLoopMode);
+const internalLoopMode = ref(UNSEEDED);
+const seedLoopMode = () => props.loopMode && props.loopMode !== "none" ? props.loopMode : props.loop ? "one" : "none";
 watch(() => props.loopMode, (next) => {
   if (next && next !== internalLoopMode.value) internalLoopMode.value = next;
 });
@@ -432,13 +446,22 @@ watch(() => props.loop, (next) => {
   internalLoopMode.value = next ? "one" : "none";
   emit("update:loopMode", internalLoopMode.value);
 });
-const resolvedLoopMode = computed(() => internalLoopMode.value);
-const internalShuffle = ref(props.shuffle ?? false);
+const onLoopModeChange = (next) => {
+  internalLoopMode.value = next;
+  emit("update:loopMode", next);
+};
+const resolvedLoopMode = computed(() => internalLoopMode.value === UNSEEDED ? seedLoopMode() : internalLoopMode.value);
+const internalShuffle = ref(UNSEEDED);
 watch(() => props.shuffle, (next) => {
   if (typeof next === "boolean" && next !== internalShuffle.value) {
     internalShuffle.value = next;
   }
 });
+const resolvedShuffle = computed(() => internalShuffle.value === UNSEEDED ? props.shuffle ?? false : internalShuffle.value);
+const onShuffleChange = (next) => {
+  internalShuffle.value = next;
+  emit("update:shuffle", next);
+};
 const effectiveSrc = computed(() => {
   if (hasPlaylist.value && activeTrack.value) return activeTrack.value.src;
   return props.src;
@@ -455,11 +478,22 @@ const resolvedSources = computed(() => {
 });
 const resolvedTracks = computed(() => props.tracks ?? []);
 const { audioRef, state, methods } = useAudioPlayer({
-  autoplay: props.autoplay,
-  muted: resolvedMuted.value,
-  loop: props.loop,
-  preload: props.preload
+  autoplay: () => props.autoplay,
+  muted: () => resolvedMuted.value
 });
+const controlsSlotBindings = computed(() => ({
+  playing: state.playing.value,
+  paused: state.paused.value,
+  currentTime: state.currentTime.value,
+  duration: state.duration.value,
+  buffered: state.buffered.value,
+  volume: state.volume.value,
+  muted: state.muted.value,
+  playbackRate: state.playbackRate.value,
+  loading: state.loading.value,
+  error: state.error.value,
+  methods
+}));
 watch(audioRef, (el, _prev, onCleanup) => {
   if (!el) return;
   const onLoadedData = () => {
@@ -532,7 +566,7 @@ const waveformSrc = computed(() => {
 });
 const { peaks } = useWaveform(waveformSrc, {
   bins: 200,
-  crossOrigin: props.crossorigin === "use-credentials" || props.crossorigin === "anonymous" ? props.crossorigin : void 0
+  crossOrigin: () => props.crossorigin === "use-credentials" || props.crossorigin === "anonymous" ? props.crossorigin : void 0
 });
 watch(peaks, (next) => {
   if (next.length > 0) emit("waveform", next);
@@ -584,7 +618,7 @@ function onNativeEnded() {
   if (!hasPlaylist.value) return;
   const total = props.playlist.length;
   if (total === 0) return;
-  if (internalShuffle.value) {
+  if (resolvedShuffle.value) {
     setActiveTrack(pickRandomIndex());
     void nextTick(() => {
       void methods.play();
@@ -627,13 +661,20 @@ watch(() => props.playbackRate, (rate) => {
 watch(() => state.playbackRate.value, (rate) => {
   emit("update:playbackRate", rate);
 });
+const genericErrorMessage = computed(() => t("origam.media.playback_error"));
 const errorMessage = computed(() => {
   const err = state.error.value;
-  if (!err) return "Playback error";
+  if (!err) return genericErrorMessage.value;
   if ("message" in err && err.message) return err.message;
-  return "Playback error";
+  return genericErrorMessage.value;
 });
 const { colorClasses, colorStyles } = useColorEffect(props);
+useUnsupportedProp(
+  "OrigamAudio",
+  "waveformColor",
+  "the waveform paints from `currentColor`; this prop reaches no declaration.",
+  () => props.waveformColor !== void 0
+);
 const hasColorProp = computed(() => !!props.color);
 const hasBgColorProp = computed(() => !!props.bgColor);
 const scrubberColorStyle = computed(() => {
@@ -874,6 +915,14 @@ defineExpose({
 			 * mask on `.origam-audio__cover` punches a real transparent
 			 * dot through this disc + image + grooves at the exact
 			 * centre, so we get a single continuous see-through hole.
+			 *
+			 * #436 (C2) — the disc colour was a hardcoded `#0a0a0a`, out of
+			 * reach of any theme. It now reads
+			 * `--origam-audio__cover-label---background-color`, declared as
+			 * `--origam-color__neutral---950` (the exact same value, so the
+			 * rendering is unchanged) in both the light and the dark sheet:
+			 * a vinyl label is a physical object, it does not flip with the
+			 * surface.
 			 */
 			content: '';
 			position: absolute;
@@ -883,7 +932,7 @@ defineExpose({
 			width: 26%;
 			height: 26%;
 			border-radius: 50%;
-			background: #0a0a0a;
+			background: var(--origam-audio__cover-label---background-color, #0a0a0a);
 			box-shadow:
 				inset 0 0 0 1px rgba(255, 255, 255, 0.06),
 				0 0 6px rgba(0, 0, 0, 0.35);
@@ -1092,13 +1141,12 @@ defineExpose({
 			}
 
 			:deep(.origam-list-item__content),
-			:deep(.origam-list-item__title),
-			:deep(.origam-list-item__subtitle) {
+			:deep(.origam-list-item__title) {
 				color: inherit;
 			}
 
 			:deep(.origam-list-item__subtitle) {
-				opacity: 0.7;
+				color: var(--origam-audio__playlist-subtitle---color, var(--origam-color__text---secondary));
 			}
 		}
 
@@ -1170,7 +1218,9 @@ defineExpose({
 
 			:deep(.origam-avatar)::after {
 				/* Solid label disc; real spindle hole is punched by
-				   the `mask` on `.origam-avatar` itself. */
+				   the `mask` on `.origam-avatar` itself. Shares the main
+				   cover's label token — same physical object, same
+				   colour, one override point (#436, C2). */
 				content: '';
 				position: absolute;
 				top: 50%;
@@ -1179,7 +1229,7 @@ defineExpose({
 				width: 28%;
 				height: 28%;
 				border-radius: 50%;
-				background: #0a0a0a;
+				background: var(--origam-audio__cover-label---background-color, #0a0a0a);
 				pointer-events: none;
 				z-index: 2;
 			}
@@ -1199,17 +1249,17 @@ defineExpose({
 		}
 
 		&__playlist-artist {
+			color: var(--origam-audio__playlist-artist---color, var(--origam-color__text---secondary));
 			font-size: 12px;
-			opacity: 0.65;
 			white-space: nowrap;
 			overflow: hidden;
 			text-overflow: ellipsis;
 		}
 
 		&__playlist-duration {
+			color: var(--origam-audio__playlist-duration---color, var(--origam-color__text---secondary));
 			font-variant-numeric: tabular-nums;
 			font-size: 12px;
-			opacity: 0.6;
 			flex: 0 0 auto;
 		}
 

package/dist/src/components/Audio/OrigamAudioWaveform.vue

@@ -0,0 +1,63 @@
+<template>
+	<svg
+			v-if="hasPeaks"
+			:id="id"
+			:class="rootClasses"
+			:style="rootStyles"
+			:viewBox="WAVEFORM_VIEW_BOX"
+			preserveAspectRatio="none"
+			aria-hidden="true"
+			data-cy="origam-audio-waveform"
+	>
+		<rect
+				v-for="(peak, index) in normalizedPeaks"
+				:key="index"
+				:x="(index / normalizedPeaks.length) * 100"
+				:y="50 - (peak * 50)"
+				:width="100 / normalizedPeaks.length"
+				:height="peak * 100"
+				:class="barClass(index)"
+		/>
+	</svg>
+</template>
+
+<script lang="ts" setup>
+import { computed, StyleValue } from "vue";
+import { clamp } from "../../utils/Commons/commons.util";
+import { WAVEFORM_VIEW_BOX } from "../../consts/Audio/audio-waveform.const";
+const props = defineProps({
+  peaks: { type: Array, required: false, default: () => [] },
+  progress: { type: Number, required: false, default: 0 },
+  id: { type: String, required: false },
+  class: { type: [String, Array, Object], required: false },
+  style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true }
+});
+const rootClasses = computed(() => ["origam-audio-waveform", props.class]);
+const rootStyles = computed(() => props.style);
+const hasPeaks = computed(() => Array.isArray(props.peaks) && props.peaks.length > 0);
+const normalizedPeaks = computed(() => (props.peaks ?? []).map((peak) => clamp(Number.isFinite(peak) ? peak : 0, 0, 1)));
+function barClass(index) {
+  const barPct = index / Math.max(1, normalizedPeaks.value.length) * 100;
+  return barPct <= props.progress ? "origam-audio-waveform__bar origam-audio-waveform__bar--active" : "origam-audio-waveform__bar origam-audio-waveform__bar--inactive";
+}
+</script>
+
+<style lang="scss" scoped>
+	.origam-audio-waveform {
+		position: absolute;
+		pointer-events: none;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+	}
+
+	.origam-audio-waveform__bar {
+		&--active {
+			fill: currentColor;
+		}
+
+		&--inactive {
+			fill: color-mix(in srgb, currentColor 35%, transparent);
+		}
+	}
+</style>

package/dist/src/components/Audio/index.cjs

@@ -9,5 +9,12 @@ Object.defineProperty(exports, "OrigamAudio", {
     return _OrigamAudio.default;
   }
 });
+Object.defineProperty(exports, "OrigamAudioWaveform", {
+  enumerable: true,
+  get: function () {
+    return _OrigamAudioWaveform.default;
+  }
+});
 var _OrigamAudio = _interopRequireDefault(require("./OrigamAudio.vue"));
+var _OrigamAudioWaveform = _interopRequireDefault(require("./OrigamAudioWaveform.vue"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/src/components/Audio/index.d.ts

@@ -1 +1,2 @@
 export { default as OrigamAudio } from './OrigamAudio.vue';
+export { default as OrigamAudioWaveform } from './OrigamAudioWaveform.vue';

package/dist/src/components/Audio/index.js

@@ -1 +1,2 @@
 export { default as OrigamAudio } from "./OrigamAudio.vue";
+export { default as OrigamAudioWaveform } from "./OrigamAudioWaveform.vue";