@internetarchive/elements 0.2.14-webdev-9022.0 → 0.4.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/dist/src/elements/ia-audio-element/ia-audio-element.d.ts +72 -0
- package/dist/src/elements/ia-audio-element/ia-audio-element.d.ts.map +1 -0
- package/dist/src/elements/ia-audio-element/ia-audio-element.js +173 -0
- package/dist/src/elements/ia-audio-element/ia-audio-element.js.map +1 -0
- package/dist/src/elements/ia-audio-element/models.d.ts +13 -0
- package/dist/src/elements/ia-audio-element/models.d.ts.map +1 -0
- package/dist/src/elements/ia-audio-element/models.js +2 -0
- package/dist/src/elements/ia-audio-element/models.js.map +1 -0
- package/dist/src/elements/ia-expandable-search-bar/assets/clear-results.d.ts +3 -0
- package/dist/src/elements/ia-expandable-search-bar/assets/clear-results.d.ts.map +1 -0
- package/dist/src/elements/ia-expandable-search-bar/assets/clear-results.js +28 -0
- package/dist/src/elements/ia-expandable-search-bar/assets/clear-results.js.map +1 -0
- package/dist/src/elements/ia-expandable-search-bar/assets/disclosure.d.ts +3 -0
- package/dist/src/elements/ia-expandable-search-bar/assets/disclosure.d.ts.map +1 -0
- package/dist/src/elements/ia-expandable-search-bar/assets/disclosure.js +26 -0
- package/dist/src/elements/ia-expandable-search-bar/assets/disclosure.js.map +1 -0
- package/dist/src/elements/ia-expandable-search-bar/assets/magnifying-glass.d.ts +3 -0
- package/dist/src/elements/ia-expandable-search-bar/assets/magnifying-glass.d.ts.map +1 -0
- package/dist/src/elements/ia-expandable-search-bar/assets/magnifying-glass.js +22 -0
- package/dist/src/elements/ia-expandable-search-bar/assets/magnifying-glass.js.map +1 -0
- package/dist/src/elements/ia-expandable-search-bar/ia-expandable-search-bar.d.ts +53 -0
- package/dist/src/elements/ia-expandable-search-bar/ia-expandable-search-bar.d.ts.map +1 -0
- package/dist/src/elements/ia-expandable-search-bar/ia-expandable-search-bar.js +352 -0
- package/dist/src/elements/ia-expandable-search-bar/ia-expandable-search-bar.js.map +1 -0
- package/dist/src/elements/ia-expandable-search-bar/ia-quick-search.d.ts +19 -0
- package/dist/src/elements/ia-expandable-search-bar/ia-quick-search.d.ts.map +1 -0
- package/dist/src/elements/ia-expandable-search-bar/ia-quick-search.js +115 -0
- package/dist/src/elements/ia-expandable-search-bar/ia-quick-search.js.map +1 -0
- package/dist/src/elements/ia-expandable-search-bar/models.d.ts +13 -0
- package/dist/src/elements/ia-expandable-search-bar/models.d.ts.map +1 -0
- package/dist/src/elements/ia-expandable-search-bar/models.js +2 -0
- package/dist/src/elements/ia-expandable-search-bar/models.js.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/next-section.d.ts +3 -0
- package/dist/src/elements/ia-playback-controls/assets/next-section.d.ts.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/next-section.js +16 -0
- package/dist/src/elements/ia-playback-controls/assets/next-section.js.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/pause.d.ts +3 -0
- package/dist/src/elements/ia-playback-controls/assets/pause.d.ts.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/pause.js +17 -0
- package/dist/src/elements/ia-playback-controls/assets/pause.js.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/play.d.ts +3 -0
- package/dist/src/elements/ia-playback-controls/assets/play.d.ts.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/play.js +18 -0
- package/dist/src/elements/ia-playback-controls/assets/play.js.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/playback-speed.d.ts +3 -0
- package/dist/src/elements/ia-playback-controls/assets/playback-speed.d.ts.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/playback-speed.js +28 -0
- package/dist/src/elements/ia-playback-controls/assets/playback-speed.js.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/previous-section.d.ts +3 -0
- package/dist/src/elements/ia-playback-controls/assets/previous-section.d.ts.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/previous-section.js +16 -0
- package/dist/src/elements/ia-playback-controls/assets/previous-section.js.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/replay.d.ts +3 -0
- package/dist/src/elements/ia-playback-controls/assets/replay.d.ts.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/replay.js +28 -0
- package/dist/src/elements/ia-playback-controls/assets/replay.js.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/skip-ahead.d.ts +3 -0
- package/dist/src/elements/ia-playback-controls/assets/skip-ahead.d.ts.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/skip-ahead.js +29 -0
- package/dist/src/elements/ia-playback-controls/assets/skip-ahead.js.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/volume-full.d.ts +3 -0
- package/dist/src/elements/ia-playback-controls/assets/volume-full.d.ts.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/volume-full.js +19 -0
- package/dist/src/elements/ia-playback-controls/assets/volume-full.js.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/volume-medium.d.ts +3 -0
- package/dist/src/elements/ia-playback-controls/assets/volume-medium.d.ts.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/volume-medium.js +24 -0
- package/dist/src/elements/ia-playback-controls/assets/volume-medium.js.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/volume-mute.d.ts +3 -0
- package/dist/src/elements/ia-playback-controls/assets/volume-mute.d.ts.map +1 -0
- package/dist/src/elements/ia-playback-controls/assets/volume-mute.js +35 -0
- package/dist/src/elements/ia-playback-controls/assets/volume-mute.js.map +1 -0
- package/dist/src/elements/ia-playback-controls/ia-playback-controls.d.ts +66 -0
- package/dist/src/elements/ia-playback-controls/ia-playback-controls.d.ts.map +1 -0
- package/dist/src/elements/ia-playback-controls/ia-playback-controls.js +337 -0
- package/dist/src/elements/ia-playback-controls/ia-playback-controls.js.map +1 -0
- package/dist/src/elements/ia-playback-controls/models.d.ts +13 -0
- package/dist/src/elements/ia-playback-controls/models.d.ts.map +1 -0
- package/dist/src/elements/ia-playback-controls/models.js +12 -0
- package/dist/src/elements/ia-playback-controls/models.js.map +1 -0
- package/dist/src/elements/ia-radio-player/assets/next-result.d.ts +3 -0
- package/dist/src/elements/ia-radio-player/assets/next-result.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/assets/next-result.js +27 -0
- package/dist/src/elements/ia-radio-player/assets/next-result.js.map +1 -0
- package/dist/src/elements/ia-radio-player/assets/previous-result.d.ts +3 -0
- package/dist/src/elements/ia-radio-player/assets/previous-result.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/assets/previous-result.js +27 -0
- package/dist/src/elements/ia-radio-player/assets/previous-result.js.map +1 -0
- package/dist/src/elements/ia-radio-player/ia-radio-player.d.ts +130 -0
- package/dist/src/elements/ia-radio-player/ia-radio-player.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/ia-radio-player.js +748 -0
- package/dist/src/elements/ia-radio-player/ia-radio-player.js.map +1 -0
- package/dist/src/elements/ia-radio-player/ia-search-results-switcher.d.ts +22 -0
- package/dist/src/elements/ia-radio-player/ia-search-results-switcher.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/ia-search-results-switcher.js +137 -0
- package/dist/src/elements/ia-radio-player/ia-search-results-switcher.js.map +1 -0
- package/dist/src/elements/ia-radio-player/models.d.ts +29 -0
- package/dist/src/elements/ia-radio-player/models.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/models.js +2 -0
- package/dist/src/elements/ia-radio-player/models.js.map +1 -0
- package/dist/src/elements/ia-radio-player/search/backends/full-text-search-backend.d.ts +38 -0
- package/dist/src/elements/ia-radio-player/search/backends/full-text-search-backend.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/search/backends/full-text-search-backend.js +64 -0
- package/dist/src/elements/ia-radio-player/search/backends/full-text-search-backend.js.map +1 -0
- package/dist/src/elements/ia-radio-player/search/backends/full-text-search-response.d.ts +94 -0
- package/dist/src/elements/ia-radio-player/search/backends/full-text-search-response.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/search/backends/full-text-search-response.js +56 -0
- package/dist/src/elements/ia-radio-player/search/backends/full-text-search-response.js.map +1 -0
- package/dist/src/elements/ia-radio-player/search/backends/local-search-backend.d.ts +15 -0
- package/dist/src/elements/ia-radio-player/search/backends/local-search-backend.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/search/backends/local-search-backend.js +26 -0
- package/dist/src/elements/ia-radio-player/search/backends/local-search-backend.js.map +1 -0
- package/dist/src/elements/ia-radio-player/search/backends/search-backend.d.ts +12 -0
- package/dist/src/elements/ia-radio-player/search/backends/search-backend.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/search/backends/search-backend.js +2 -0
- package/dist/src/elements/ia-radio-player/search/backends/search-backend.js.map +1 -0
- package/dist/src/elements/ia-radio-player/search/models.d.ts +38 -0
- package/dist/src/elements/ia-radio-player/search/models.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/search/models.js +17 -0
- package/dist/src/elements/ia-radio-player/search/models.js.map +1 -0
- package/dist/src/elements/ia-radio-player/search/search-handler.d.ts +49 -0
- package/dist/src/elements/ia-radio-player/search/search-handler.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/search/search-handler.js +128 -0
- package/dist/src/elements/ia-radio-player/search/search-handler.js.map +1 -0
- package/dist/src/elements/ia-radio-player/search/search-helper.d.ts +9 -0
- package/dist/src/elements/ia-radio-player/search/search-helper.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/search/search-helper.js +15 -0
- package/dist/src/elements/ia-radio-player/search/search-helper.js.map +1 -0
- package/dist/src/elements/ia-radio-player/search/transcript-index.d.ts +45 -0
- package/dist/src/elements/ia-radio-player/search/transcript-index.d.ts.map +1 -0
- package/dist/src/elements/ia-radio-player/search/transcript-index.js +48 -0
- package/dist/src/elements/ia-radio-player/search/transcript-index.js.map +1 -0
- package/dist/src/elements/ia-scrubber-bar/assets/next-section-marker.d.ts +3 -0
- package/dist/src/elements/ia-scrubber-bar/assets/next-section-marker.d.ts.map +1 -0
- package/dist/src/elements/ia-scrubber-bar/assets/next-section-marker.js +18 -0
- package/dist/src/elements/ia-scrubber-bar/assets/next-section-marker.js.map +1 -0
- package/dist/src/elements/ia-scrubber-bar/assets/previous-section-marker.d.ts +3 -0
- package/dist/src/elements/ia-scrubber-bar/assets/previous-section-marker.d.ts.map +1 -0
- package/dist/src/elements/ia-scrubber-bar/assets/previous-section-marker.js +18 -0
- package/dist/src/elements/ia-scrubber-bar/assets/previous-section-marker.js.map +1 -0
- package/dist/src/elements/ia-scrubber-bar/ia-scrubber-bar.d.ts +82 -0
- package/dist/src/elements/ia-scrubber-bar/ia-scrubber-bar.d.ts.map +1 -0
- package/dist/src/elements/ia-scrubber-bar/ia-scrubber-bar.js +387 -0
- package/dist/src/elements/ia-scrubber-bar/ia-scrubber-bar.js.map +1 -0
- package/dist/src/elements/ia-scrubber-bar/ia-section-marker.d.ts +16 -0
- package/dist/src/elements/ia-scrubber-bar/ia-section-marker.d.ts.map +1 -0
- package/dist/src/elements/ia-scrubber-bar/ia-section-marker.js +109 -0
- package/dist/src/elements/ia-scrubber-bar/ia-section-marker.js.map +1 -0
- package/dist/src/elements/ia-scrubber-bar/models.d.ts +21 -0
- package/dist/src/elements/ia-scrubber-bar/models.d.ts.map +1 -0
- package/dist/src/elements/ia-scrubber-bar/models.js +20 -0
- package/dist/src/elements/ia-scrubber-bar/models.js.map +1 -0
- package/dist/src/elements/ia-transcript-view/duration-formatter.d.ts +13 -0
- package/dist/src/elements/ia-transcript-view/duration-formatter.d.ts.map +1 -0
- package/dist/src/elements/ia-transcript-view/duration-formatter.js +25 -0
- package/dist/src/elements/ia-transcript-view/duration-formatter.js.map +1 -0
- package/dist/src/elements/ia-transcript-view/ia-transcript-entry.d.ts +25 -0
- package/dist/src/elements/ia-transcript-view/ia-transcript-entry.d.ts.map +1 -0
- package/dist/src/elements/ia-transcript-view/ia-transcript-entry.js +51 -0
- package/dist/src/elements/ia-transcript-view/ia-transcript-entry.js.map +1 -0
- package/dist/src/elements/ia-transcript-view/ia-transcript-view.d.ts +87 -0
- package/dist/src/elements/ia-transcript-view/ia-transcript-view.d.ts.map +1 -0
- package/dist/src/elements/ia-transcript-view/ia-transcript-view.js +565 -0
- package/dist/src/elements/ia-transcript-view/ia-transcript-view.js.map +1 -0
- package/dist/src/elements/ia-transcript-view/models.d.ts +34 -0
- package/dist/src/elements/ia-transcript-view/models.d.ts.map +1 -0
- package/dist/src/elements/ia-transcript-view/models.js +38 -0
- package/dist/src/elements/ia-transcript-view/models.js.map +1 -0
- package/dist/src/elements/ia-waveform-progress/ia-waveform-progress.d.ts +62 -0
- package/dist/src/elements/ia-waveform-progress/ia-waveform-progress.d.ts.map +1 -0
- package/dist/src/elements/ia-waveform-progress/ia-waveform-progress.js +217 -0
- package/dist/src/elements/ia-waveform-progress/ia-waveform-progress.js.map +1 -0
- package/dist/src/elements/ia-waveform-progress/models.d.ts +13 -0
- package/dist/src/elements/ia-waveform-progress/models.d.ts.map +1 -0
- package/dist/src/elements/ia-waveform-progress/models.js +2 -0
- package/dist/src/elements/ia-waveform-progress/models.js.map +1 -0
- package/dist/src/elements/index.d.ts +27 -0
- package/dist/src/elements/index.d.ts.map +1 -1
- package/dist/src/elements/index.js +27 -0
- package/dist/src/elements/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"playback-speed.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/playback-speed.ts"],"names":[],"mappings":";AAQA,wBAmBE"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file Playback speed icon, a speedometer
|
|
3
|
+
*
|
|
4
|
+
* Inline so the button can recolor it with `currentColor`, which is not
|
|
5
|
+
* possible on the contents of an `<img>`.
|
|
6
|
+
*/
|
|
7
|
+
import { svg } from 'lit';
|
|
8
|
+
export default svg `
|
|
9
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="17" viewBox="0 0 23 17">
|
|
10
|
+
<g fill="none" fill-rule="evenodd" stroke="currentColor" transform="translate(1 1)">
|
|
11
|
+
<g stroke-linecap="round" transform="translate(2 2.522)">
|
|
12
|
+
<path d="M8.5,9.97826087 L15.5,2.97826087" transform="rotate(180 12 6.478)" />
|
|
13
|
+
<path d="M15.5,11.2695652 L15.5,8.26956522" transform="rotate(90 15.5 9.77)" />
|
|
14
|
+
<path d="M16.1555266,5.77496471 L16.1480288,4.77499282" transform="rotate(-120 16.152 5.275)" />
|
|
15
|
+
<path d="M12.9236091,2.48093451 L12.9161756,1.48096213" transform="rotate(-150 12.92 1.98)" />
|
|
16
|
+
<path d="M8.5,3.47826087 L8.5,0.47826087" transform="rotate(180 8.5 1.978)" />
|
|
17
|
+
<path d="M4.07639089,2.48093451 L4.08382438,1.48096213" transform="rotate(150 4.08 1.98)" />
|
|
18
|
+
<path d="M0.844473378,5.77496471 L0.851971223,4.77499282" transform="rotate(120 .848 5.275)" />
|
|
19
|
+
<path d="M1.5,11.2695652 L1.5,8.26956522" transform="rotate(90 1.5 9.77)" />
|
|
20
|
+
</g>
|
|
21
|
+
<path
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
d="M10.5,14.9867607 C22.0227273,14.9867607 20.9752066,15.5091468 20.9752066,9.99117383 C20.9752066,4.47320089 16.2852969,0 10.5,0 C4.71470314,0 0.0247933884,4.47320089 0.0247933884,9.99117383 C0.0247933884,15.5091468 -1.02272727,14.9867607 10.5,14.9867607 Z"
|
|
24
|
+
/>
|
|
25
|
+
</g>
|
|
26
|
+
</svg>
|
|
27
|
+
`;
|
|
28
|
+
//# sourceMappingURL=playback-speed.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"playback-speed.js","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/playback-speed.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmBjB,CAAC","sourcesContent":["/**\n * @file Playback speed icon, a speedometer\n *\n * Inline so the button can recolor it with `currentColor`, which is not\n * possible on the contents of an `<img>`.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"17\" viewBox=\"0 0 23 17\">\n <g fill=\"none\" fill-rule=\"evenodd\" stroke=\"currentColor\" transform=\"translate(1 1)\">\n <g stroke-linecap=\"round\" transform=\"translate(2 2.522)\">\n <path d=\"M8.5,9.97826087 L15.5,2.97826087\" transform=\"rotate(180 12 6.478)\" />\n <path d=\"M15.5,11.2695652 L15.5,8.26956522\" transform=\"rotate(90 15.5 9.77)\" />\n <path d=\"M16.1555266,5.77496471 L16.1480288,4.77499282\" transform=\"rotate(-120 16.152 5.275)\" />\n <path d=\"M12.9236091,2.48093451 L12.9161756,1.48096213\" transform=\"rotate(-150 12.92 1.98)\" />\n <path d=\"M8.5,3.47826087 L8.5,0.47826087\" transform=\"rotate(180 8.5 1.978)\" />\n <path d=\"M4.07639089,2.48093451 L4.08382438,1.48096213\" transform=\"rotate(150 4.08 1.98)\" />\n <path d=\"M0.844473378,5.77496471 L0.851971223,4.77499282\" transform=\"rotate(120 .848 5.275)\" />\n <path d=\"M1.5,11.2695652 L1.5,8.26956522\" transform=\"rotate(90 1.5 9.77)\" />\n </g>\n <path\n stroke-width=\"2\"\n d=\"M10.5,14.9867607 C22.0227273,14.9867607 20.9752066,15.5091468 20.9752066,9.99117383 C20.9752066,4.47320089 16.2852969,0 10.5,0 C4.71470314,0 0.0247933884,4.47320089 0.0247933884,9.99117383 C0.0247933884,15.5091468 -1.02272727,14.9867607 10.5,14.9867607 Z\"\n />\n </g>\n</svg>\n`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"previous-section.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/previous-section.ts"],"names":[],"mappings":";AAQA,wBAOE"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file Jump to previous section icon
|
|
3
|
+
*
|
|
4
|
+
* Inline so the button can recolor it with `currentColor`, which is not
|
|
5
|
+
* possible on the contents of an `<img>`.
|
|
6
|
+
*/
|
|
7
|
+
import { svg } from 'lit';
|
|
8
|
+
export default svg `
|
|
9
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20">
|
|
10
|
+
<g fill="none" fill-rule="evenodd" transform="translate(1 1)">
|
|
11
|
+
<polygon fill="currentColor" points="9 2 18 16 0 16" transform="rotate(-90 9 9)" />
|
|
12
|
+
<line x1=".5" x2=".5" y1="18" stroke="currentColor" stroke-width="2" />
|
|
13
|
+
</g>
|
|
14
|
+
</svg>
|
|
15
|
+
`;
|
|
16
|
+
//# sourceMappingURL=previous-section.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"previous-section.js","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/previous-section.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;CAOjB,CAAC","sourcesContent":["/**\n * @file Jump to previous section icon\n *\n * Inline so the button can recolor it with `currentColor`, which is not\n * possible on the contents of an `<img>`.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"20\" viewBox=\"0 0 18 20\">\n <g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\">\n <polygon fill=\"currentColor\" points=\"9 2 18 16 0 16\" transform=\"rotate(-90 9 9)\" />\n <line x1=\".5\" x2=\".5\" y1=\"18\" stroke=\"currentColor\" stroke-width=\"2\" />\n </g>\n</svg>\n`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"replay.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/replay.ts"],"names":[],"mappings":";AAQA,wBAmBE"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file Skip back ten seconds icon
|
|
3
|
+
*
|
|
4
|
+
* Inline so the button can recolor it with `currentColor`, which is not
|
|
5
|
+
* possible on the contents of an `<img>`.
|
|
6
|
+
*/
|
|
7
|
+
import { svg } from 'lit';
|
|
8
|
+
export default svg `
|
|
9
|
+
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
10
|
+
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
11
|
+
<polyline
|
|
12
|
+
stroke="currentColor"
|
|
13
|
+
stroke-width="2"
|
|
14
|
+
points="14.4444444 16.6666667 20 16.6666667 20 3.33333333 5.55555556 3.33333333"
|
|
15
|
+
/>
|
|
16
|
+
<polygon fill="currentColor" points="5.55555556 0 5.55555556 6.66666667 1.11111111 3.33333333" />
|
|
17
|
+
<text
|
|
18
|
+
font-family="HelveticaNeue, Helvetica Neue"
|
|
19
|
+
font-size="10"
|
|
20
|
+
font-weight="normal"
|
|
21
|
+
fill="currentColor"
|
|
22
|
+
>
|
|
23
|
+
<tspan x="0" y="17.333">10</tspan>
|
|
24
|
+
</text>
|
|
25
|
+
</g>
|
|
26
|
+
</svg>
|
|
27
|
+
`;
|
|
28
|
+
//# sourceMappingURL=replay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"replay.js","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/replay.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmBjB,CAAC","sourcesContent":["/**\n * @file Skip back ten seconds icon\n *\n * Inline so the button can recolor it with `currentColor`, which is not\n * possible on the contents of an `<img>`.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <polyline\n stroke=\"currentColor\"\n stroke-width=\"2\"\n points=\"14.4444444 16.6666667 20 16.6666667 20 3.33333333 5.55555556 3.33333333\"\n />\n <polygon fill=\"currentColor\" points=\"5.55555556 0 5.55555556 6.66666667 1.11111111 3.33333333\" />\n <text\n font-family=\"HelveticaNeue, Helvetica Neue\"\n font-size=\"10\"\n font-weight=\"normal\"\n fill=\"currentColor\"\n >\n <tspan x=\"0\" y=\"17.333\">10</tspan>\n </text>\n </g>\n</svg>\n`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skip-ahead.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/skip-ahead.ts"],"names":[],"mappings":";AAQA,wBAoBE"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file Skip ahead ten seconds icon
|
|
3
|
+
*
|
|
4
|
+
* Inline so the button can recolor it with `currentColor`, which is not
|
|
5
|
+
* possible on the contents of an `<img>`.
|
|
6
|
+
*/
|
|
7
|
+
import { svg } from 'lit';
|
|
8
|
+
export default svg `
|
|
9
|
+
<svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
|
|
10
|
+
<g fill="none" fill-rule="evenodd" transform="matrix(-1 0 0 1 20 0)">
|
|
11
|
+
<path
|
|
12
|
+
d="m14.4444444 16.6666667h5.5555556v-13.33333337h-14.44444444"
|
|
13
|
+
stroke="currentColor"
|
|
14
|
+
stroke-width="2"
|
|
15
|
+
/>
|
|
16
|
+
<g fill="currentColor">
|
|
17
|
+
<path d="m5.55555556 0v6.66666667l-4.44444445-3.33333334z" />
|
|
18
|
+
<text
|
|
19
|
+
font-family="HelveticaNeue, Helvetica Neue"
|
|
20
|
+
font-size="10"
|
|
21
|
+
transform="matrix(-1 0 0 1 13.333334 0)"
|
|
22
|
+
>
|
|
23
|
+
<tspan x="0" y="17.333333">10</tspan>
|
|
24
|
+
</text>
|
|
25
|
+
</g>
|
|
26
|
+
</g>
|
|
27
|
+
</svg>
|
|
28
|
+
`;
|
|
29
|
+
//# sourceMappingURL=skip-ahead.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skip-ahead.js","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/skip-ahead.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBjB,CAAC","sourcesContent":["/**\n * @file Skip ahead ten seconds icon\n *\n * Inline so the button can recolor it with `currentColor`, which is not\n * possible on the contents of an `<img>`.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg height=\"20\" viewBox=\"0 0 20 20\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\">\n <g fill=\"none\" fill-rule=\"evenodd\" transform=\"matrix(-1 0 0 1 20 0)\">\n <path\n d=\"m14.4444444 16.6666667h5.5555556v-13.33333337h-14.44444444\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n />\n <g fill=\"currentColor\">\n <path d=\"m5.55555556 0v6.66666667l-4.44444445-3.33333334z\" />\n <text\n font-family=\"HelveticaNeue, Helvetica Neue\"\n font-size=\"10\"\n transform=\"matrix(-1 0 0 1 13.333334 0)\"\n >\n <tspan x=\"0\" y=\"17.333333\">10</tspan>\n </text>\n </g>\n </g>\n</svg>\n`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"volume-full.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/volume-full.ts"],"names":[],"mappings":";AAQA,wBAUE"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file Full volume icon, a speaker with two waves
|
|
3
|
+
*
|
|
4
|
+
* Inline so the button can recolor it with `currentColor`, which is not
|
|
5
|
+
* possible on the contents of an `<img>`.
|
|
6
|
+
*/
|
|
7
|
+
import { svg } from 'lit';
|
|
8
|
+
export default svg `
|
|
9
|
+
<svg height="22" viewBox="0 0 22 22" width="22" xmlns="http://www.w3.org/2000/svg">
|
|
10
|
+
<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2">
|
|
11
|
+
<path
|
|
12
|
+
d="m14 3c2 2.05128205 3 4.71794872 3 8 0 3.2820513-1 5.9487179-3 8m4-18c2 2.56410256 3 5.8974359 3 10s-1 7.4358974-3 10"
|
|
13
|
+
stroke-linecap="round"
|
|
14
|
+
/>
|
|
15
|
+
<path d="m10 3.5-4 3.81h-5v8.38h5l4 3.81z" fill="currentColor" stroke-linejoin="round" />
|
|
16
|
+
</g>
|
|
17
|
+
</svg>
|
|
18
|
+
`;
|
|
19
|
+
//# sourceMappingURL=volume-full.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"volume-full.js","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/volume-full.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;CAUjB,CAAC","sourcesContent":["/**\n * @file Full volume icon, a speaker with two waves\n *\n * Inline so the button can recolor it with `currentColor`, which is not\n * possible on the contents of an `<img>`.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg height=\"22\" viewBox=\"0 0 22 22\" width=\"22\" xmlns=\"http://www.w3.org/2000/svg\">\n <g fill=\"none\" fill-rule=\"evenodd\" stroke=\"currentColor\" stroke-width=\"2\">\n <path\n d=\"m14 3c2 2.05128205 3 4.71794872 3 8 0 3.2820513-1 5.9487179-3 8m4-18c2 2.56410256 3 5.8974359 3 10s-1 7.4358974-3 10\"\n stroke-linecap=\"round\"\n />\n <path d=\"m10 3.5-4 3.81h-5v8.38h5l4 3.81z\" fill=\"currentColor\" stroke-linejoin=\"round\" />\n </g>\n</svg>\n`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"volume-medium.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/volume-medium.ts"],"names":[],"mappings":";AAQA,wBAeE"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file Partial volume icon, a speaker with the outer wave faded out
|
|
3
|
+
*
|
|
4
|
+
* Inline so the button can recolor it with `currentColor`, which is not
|
|
5
|
+
* possible on the contents of an `<img>`.
|
|
6
|
+
*/
|
|
7
|
+
import { svg } from 'lit';
|
|
8
|
+
export default svg `
|
|
9
|
+
<svg height="22" viewBox="0 0 22 22" width="22" xmlns="http://www.w3.org/2000/svg">
|
|
10
|
+
<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2">
|
|
11
|
+
<path
|
|
12
|
+
d="m14 3c2 2.05128205 3 4.71794872 3 8 0 3.2820513-1 5.9487179-3 8"
|
|
13
|
+
stroke-linecap="round"
|
|
14
|
+
/>
|
|
15
|
+
<path
|
|
16
|
+
d="m18 1c2 2.56410256 3 5.8974359 3 10s-1 7.4358974-3 10"
|
|
17
|
+
stroke-linecap="round"
|
|
18
|
+
stroke-opacity=".1"
|
|
19
|
+
/>
|
|
20
|
+
<path d="m10 3.5-4 3.81h-5v8.38h5l4 3.81z" fill="currentColor" stroke-linejoin="round" />
|
|
21
|
+
</g>
|
|
22
|
+
</svg>
|
|
23
|
+
`;
|
|
24
|
+
//# sourceMappingURL=volume-medium.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"volume-medium.js","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/volume-medium.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;CAejB,CAAC","sourcesContent":["/**\n * @file Partial volume icon, a speaker with the outer wave faded out\n *\n * Inline so the button can recolor it with `currentColor`, which is not\n * possible on the contents of an `<img>`.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg height=\"22\" viewBox=\"0 0 22 22\" width=\"22\" xmlns=\"http://www.w3.org/2000/svg\">\n <g fill=\"none\" fill-rule=\"evenodd\" stroke=\"currentColor\" stroke-width=\"2\">\n <path\n d=\"m14 3c2 2.05128205 3 4.71794872 3 8 0 3.2820513-1 5.9487179-3 8\"\n stroke-linecap=\"round\"\n />\n <path\n d=\"m18 1c2 2.56410256 3 5.8974359 3 10s-1 7.4358974-3 10\"\n stroke-linecap=\"round\"\n stroke-opacity=\".1\"\n />\n <path d=\"m10 3.5-4 3.81h-5v8.38h5l4 3.81z\" fill=\"currentColor\" stroke-linejoin=\"round\" />\n </g>\n</svg>\n`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"volume-mute.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/volume-mute.ts"],"names":[],"mappings":";AAQA,wBA0BE"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file Muted icon, a speaker with a cross beside it
|
|
3
|
+
*
|
|
4
|
+
* Inline so the button can recolor it with `currentColor`, which is not
|
|
5
|
+
* possible on the contents of an `<img>`.
|
|
6
|
+
*/
|
|
7
|
+
import { svg } from 'lit';
|
|
8
|
+
export default svg `
|
|
9
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
|
|
10
|
+
<g fill="none" fill-rule="evenodd">
|
|
11
|
+
<path
|
|
12
|
+
stroke="currentColor"
|
|
13
|
+
stroke-linecap="round"
|
|
14
|
+
stroke-width="2"
|
|
15
|
+
d="M16,7 L16,15"
|
|
16
|
+
transform="rotate(-45 16 11)"
|
|
17
|
+
/>
|
|
18
|
+
<path
|
|
19
|
+
stroke="currentColor"
|
|
20
|
+
stroke-linecap="round"
|
|
21
|
+
stroke-width="2"
|
|
22
|
+
d="M16,7 L16,15"
|
|
23
|
+
transform="rotate(-135 16 11)"
|
|
24
|
+
/>
|
|
25
|
+
<polygon
|
|
26
|
+
fill="currentColor"
|
|
27
|
+
stroke="currentColor"
|
|
28
|
+
stroke-linejoin="round"
|
|
29
|
+
stroke-width="2"
|
|
30
|
+
points="10 3.5 6 7.31 1 7.31 1 15.69 6 15.69 10 19.5"
|
|
31
|
+
/>
|
|
32
|
+
</g>
|
|
33
|
+
</svg>
|
|
34
|
+
`;
|
|
35
|
+
//# sourceMappingURL=volume-mute.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"volume-mute.js","sourceRoot":"","sources":["../../../../../src/elements/ia-playback-controls/assets/volume-mute.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BjB,CAAC","sourcesContent":["/**\n * @file Muted icon, a speaker with a cross beside it\n *\n * Inline so the button can recolor it with `currentColor`, which is not\n * possible on the contents of an `<img>`.\n */\nimport { svg } from 'lit';\n\nexport default svg`\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 22 22\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"2\"\n d=\"M16,7 L16,15\"\n transform=\"rotate(-45 16 11)\"\n />\n <path\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-width=\"2\"\n d=\"M16,7 L16,15\"\n transform=\"rotate(-135 16 11)\"\n />\n <polygon\n fill=\"currentColor\"\n stroke=\"currentColor\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n points=\"10 3.5 6 7.31 1 7.31 1 15.69 6 15.69 10 19.5\"\n />\n </g>\n</svg>\n`;\n"]}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { LitElement, type CSSResultGroup, type TemplateResult } from 'lit';
|
|
2
|
+
import { PlaybackMode } from './models.js';
|
|
3
|
+
/**
|
|
4
|
+
* The transport controls for a player: play and pause, skip back and forward
|
|
5
|
+
* ten seconds, jump between sections, and cycle the speed and volume.
|
|
6
|
+
*
|
|
7
|
+
* The element owns no playback itself. It reports presses and lets whatever is
|
|
8
|
+
* playing the audio decide what to do with them.
|
|
9
|
+
*/
|
|
10
|
+
export declare class IAPlaybackControls extends LitElement {
|
|
11
|
+
/** Whether the track is playing or paused */
|
|
12
|
+
playbackMode: PlaybackMode;
|
|
13
|
+
/** Playback speed multiplier, where 1 is normal speed */
|
|
14
|
+
playbackRate: number;
|
|
15
|
+
/** Playback volume, from 0 (muted) to 1 (full) */
|
|
16
|
+
volume: number;
|
|
17
|
+
render(): TemplateResult;
|
|
18
|
+
private get isPlaying();
|
|
19
|
+
/**
|
|
20
|
+
* The volume held to the 0 to 1 range the controls can represent.
|
|
21
|
+
*
|
|
22
|
+
* `volume` is a public property, so it can arrive out of range or as
|
|
23
|
+
* something that isn't a number at all. Everything that displays, announces
|
|
24
|
+
* or steps the volume reads it through here, so an impossible value never
|
|
25
|
+
* reaches the screen reader.
|
|
26
|
+
*/
|
|
27
|
+
private get clampedVolume();
|
|
28
|
+
/** The volume as a whole number, for display and for screen readers */
|
|
29
|
+
private get volumePercent();
|
|
30
|
+
/**
|
|
31
|
+
* The accessible name for the speed button.
|
|
32
|
+
*
|
|
33
|
+
* The rate is left bare rather than followed by a unit like "times", because
|
|
34
|
+
* `@lit/localize` has no plural support, so a unit baked into the string
|
|
35
|
+
* reads wrong at 1 and translators have no way to correct it. The visible
|
|
36
|
+
* label beside the button carries the "x".
|
|
37
|
+
*/
|
|
38
|
+
private get playbackRateLabel();
|
|
39
|
+
/**
|
|
40
|
+
* The accessible name for the volume button.
|
|
41
|
+
*
|
|
42
|
+
* "percent" is safe to include, unlike a pluralised unit: it reads correctly
|
|
43
|
+
* at every value.
|
|
44
|
+
*/
|
|
45
|
+
private get volumeLabel();
|
|
46
|
+
private get playPauseButtonIcon();
|
|
47
|
+
private get volumeButtonIcon();
|
|
48
|
+
/**
|
|
49
|
+
* Steps the playback rate up, wrapping back to the slowest once it reaches
|
|
50
|
+
* the fastest.
|
|
51
|
+
*
|
|
52
|
+
* The rate is clamped on the way in as well as the way out, so a rate set
|
|
53
|
+
* from outside the range lands back on the documented steps rather than
|
|
54
|
+
* drifting off the grid, overshooting the top, or climbing forever.
|
|
55
|
+
*/
|
|
56
|
+
private handlePlaybackRateChange;
|
|
57
|
+
/** Steps the volume up, wrapping round to muted once it passes full. */
|
|
58
|
+
private handleVolumeChange;
|
|
59
|
+
private handleBackButton;
|
|
60
|
+
private handleForwardButton;
|
|
61
|
+
private handlePrevSectionButton;
|
|
62
|
+
private handleNextSectionButton;
|
|
63
|
+
private handlePlayPauseButton;
|
|
64
|
+
static get styles(): CSSResultGroup;
|
|
65
|
+
}
|
|
66
|
+
//# sourceMappingURL=ia-playback-controls.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ia-playback-controls.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-playback-controls/ia-playback-controls.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAoCxC;;;;;;GAMG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,6CAA6C;IACjB,YAAY,EAAE,YAAY,CAAuB;IAE7E,yDAAyD;IAC7B,YAAY,SAAK;IAE7C,kDAAkD;IACtB,MAAM,SAAK;IAEvC,MAAM,IAAI,cAAc;IAkFxB,OAAO,KAAK,SAAS,GAEpB;IAED;;;;;;;OAOG;IACH,OAAO,KAAK,aAAa,GAExB;IAED,uEAAuE;IACvE,OAAO,KAAK,aAAa,GAExB;IAED;;;;;;;OAOG;IACH,OAAO,KAAK,iBAAiB,GAE5B;IAED;;;;;OAKG;IACH,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,mBAAmB,GAE9B;IAED,OAAO,KAAK,gBAAgB,GAI3B;IAED;;;;;;;OAOG;IACH,OAAO,CAAC,wBAAwB;IAiBhC,wEAAwE;IACxE,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,qBAAqB;IAQ7B,MAAM,KAAK,MAAM,IAAI,cAAc,CAiGlC;CACF"}
|