@bluepic/embed 0.4.0-next.159 → 0.4.0-next.160
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/dist/bluepic-embed.iife.js +122 -122
- package/dist/bluepic-embed.umd.js +122 -122
- package/dist/components/BxWaveformThumb.vue.d.ts +27 -0
- package/dist/main.cjs +73 -73
- package/dist/main.d.ts +1 -0
- package/dist/main.mjs +7159 -7131
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The generated waveform of an audio asset, painted in the CURRENT THEME's ink.
|
|
3
|
+
*
|
|
4
|
+
* bx-files renders an audio thumbnail as white bars on transparency (see
|
|
5
|
+
* `audioToPng`), which is only half a decision: it makes the image take the
|
|
6
|
+
* card's background, but it also makes it INVISIBLE on any light surface —
|
|
7
|
+
* white bars on a white card. Since a portal's theme is the customer's choice
|
|
8
|
+
* and half the presets are light, "white" is not a colour a waveform can be.
|
|
9
|
+
*
|
|
10
|
+
* The fix is to stop treating the PNG as a picture and treat it as a SHAPE: its
|
|
11
|
+
* alpha channel is the waveform, so it is used as a mask over `currentColor`.
|
|
12
|
+
* The bars then inherit whatever ink the surrounding text uses, in every theme,
|
|
13
|
+
* with no second asset, no server round-trip and no re-render of files already
|
|
14
|
+
* uploaded.
|
|
15
|
+
*
|
|
16
|
+
* Lives in the embed, next to `BxAudioPlayButton`, for the same reason: the
|
|
17
|
+
* studio library and the portal show the same audio card, and a treatment that
|
|
18
|
+
* exists in only one of them is how the two drift apart.
|
|
19
|
+
*/
|
|
20
|
+
type __VLS_Props = {
|
|
21
|
+
/** URL of the generated waveform PNG (white-on-transparent). */
|
|
22
|
+
src: string;
|
|
23
|
+
/** Accessible name — normally the asset's title. */
|
|
24
|
+
alt?: string;
|
|
25
|
+
};
|
|
26
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
27
|
+
export default _default;
|