@internetarchive/bookreader 5.0.0-24-sortingstate-2 → 5.0.0-24-sortingstate-3

package/BookReader/BookReader.js

@@ -28998,7 +28998,7 @@ var svg = function svg(strings) {
 /***/ (function(module) {
 
 "use strict";
-module.exports = JSON.parse('{"name":"@internetarchive/bookreader","version":"5.0.0-24-sortingstate-2","description":"The Internet Archive BookReader.","repository":{"type":"git","url":"git+https://github.com/internetarchive/bookreader.git"},"publishConfig":{"access":"public"},"module":"src/BookNavigator/BookNavigator.js","keywords":["online","bookreader","interface","ebooks","internet archive"],"author":"Internet Archive","license":"AGPL-3.0","bugs":{"url":"https://github.com/internetarchive/bookreader/issues"},"homepage":"https://github.com/internetarchive/bookreader#readme","private":false,"dependencies":{"@internetarchive/ia-activity-indicator":"^0.0.1","@internetarchive/ia-icons":"^1.2.2","@internetarchive/ia-menu-slider":"^1.1.0","@internetarchive/ia-sharing-options":"^0.1.2","@internetarchive/icon-bookmark":"^1.1.3","@internetarchive/icon-collapse-sidebar":"^1.1.0","@internetarchive/icon-edit-pencil":"1.1.5","@internetarchive/icon-magnify-minus":"^1.2.3","@internetarchive/icon-magnify-plus":"^1.2.3","@internetarchive/icon-search":"^1.2.3","@internetarchive/modal-manager":"^0.1.0","@juggle/resize-observer":"^3.3.1","lit-element":"^2.4.0","lit-html":"^1.3.0"},"devDependencies":{"@babel/core":"7.15.0","@babel/eslint-parser":"^7.15.7","@babel/plugin-proposal-class-properties":"^7.14.5","@babel/plugin-proposal-decorators":"^7.14.5","@babel/preset-env":"7.15.0","@open-wc/testing":"^2.5.33","@open-wc/testing-karma":"^4.0.9","@types/jest":"27.0.1","@webcomponents/webcomponentsjs":"^2.6.0","babel-loader":"8.2.2","codecov":"3.8.3","concurrently":"6.0.2","core-js":"3.16.2","cpx2":"3.0.0","eslint":"^7.32.0","eslint-plugin-no-jquery":"^2.6.0","eslint-plugin-testcafe":"0.2.1","hammerjs":"^2.0.8","http-server":"0.12.3","iso-language-codes":"1.1.0","jest":"27.0.6","jquery":"1.11.3","jquery-colorbox":"1.6.4","jquery-ui":"1.12.1","jquery-ui-touch-punch":"0.2.3","jquery.browser":"0.1.0","jquery.mmenu":"5.6.5","karma-coverage":"^2.0.3","live-server":"1.2.1","node-fetch":"2.6.1","regenerator-runtime":"0.13.9","sass":"1.38.2","sinon":"11.1.2","soundmanager2":"2.97.20170602","svgo":"2.4.0","testcafe":"^1.16.1","testcafe-browser-provider-browserstack":"^1.13.2-alpha.1","webpack":"5.51.1","webpack-cli":"4.8.0"},"jest":{"testEnvironment":"jsdom","transformIgnorePatterns":["node_modules/(?!(lit-html|lit-element|lit)/)"],"moduleNameMapper":{"^@/(.*)$":"<rootDir>/$1"},"setupFiles":["./src/jquery-wrapper.js"],"roots":["<rootDir>/src/","<rootDir>/tests/jest/"],"coverageDirectory":"<rootDir>/coverage-jest"},"scripts":{"preversion":"npm run test && node scripts/preversion.js","version":"node scripts/version.js","postversion":"node scripts/postversion.js","build":"npm run clean && npm run build-js && npm run build-css && npm run build-assets","build-assets":"npx cpx \\"src/assets/**/*\\" BookReader && npx svgo -f BookReader/icons && npx svgo -f BookReader/images","build-assets:watch":"npx cpx --watch --verbose \\"src/assets/**/*\\" BookReader","build-js":"npx webpack","build-js:watch":"npx webpack --mode=development --watch","build-css":"npx sass --no-source-map ./src/css/BookReader.scss ./BookReader/BookReader.css","build-css:watch":"npx sass --watch --no-source-map ./src/css/BookReader.scss ./BookReader/BookReader.css","clean":"rm -r BookReader/ || true","lint":"npx eslint src/ tests/ *.js","lint:fix":"npx eslint --fix src/ tests/ *.js","serve":"npx http-server . --port 8000","serve-live":"npx live-server . --port 8000 --watch=index.html,BookReader,BookReaderDemo","serve-dev":"npm run build-css && npx concurrently --kill-others npm:serve-live npm:build-*:watch","test":"npm run test-jest && npm run test-karma","test:e2e":"npm run build && npx testcafe","test:e2e:dev":"npx testcafe --live --dev","test-jest:watch":"npx jest --watch","test-jest":"npx jest --coverage --colors","test-karma":"npx karma start --coverage","test-karma:watch":"npx karma start --auto-watch=true --single-run=false","DOCS:update:test-deps":"If CI succeeds, these should be good to update","update:test-deps":"npm i @babel/eslint-parser@latest @open-wc/testing@latest @open-wc/testing-karma@latest @types/jest@latest codecov@latest eslint@latest eslint-plugin-testcafe@latest jest@latest karma-coverage@latest sinon@latest testcafe@latest","DOCS:update:build-deps":"These can cause strange changes, so do an npm run build + check file size (git diff --stat), and check the site is as expected","update:build-deps":"npm i @babel/core@latest @babel/preset-env@latest babel-loader@latest core-js@latest regenerator-runtime@latest sass@latest svgo@latest webpack@latest webpack-cli@latest","codecov":"npx codecov"}}');
+module.exports = JSON.parse('{"name":"@internetarchive/bookreader","version":"5.0.0-24-sortingstate-3","description":"The Internet Archive BookReader.","repository":{"type":"git","url":"git+https://github.com/internetarchive/bookreader.git"},"publishConfig":{"access":"public"},"module":"src/BookNavigator/BookNavigator.js","keywords":["online","bookreader","interface","ebooks","internet archive"],"author":"Internet Archive","license":"AGPL-3.0","bugs":{"url":"https://github.com/internetarchive/bookreader/issues"},"homepage":"https://github.com/internetarchive/bookreader#readme","private":false,"dependencies":{"@internetarchive/ia-activity-indicator":"^0.0.1","@internetarchive/ia-icons":"^1.2.2","@internetarchive/ia-menu-slider":"^1.1.0","@internetarchive/ia-sharing-options":"^0.1.2","@internetarchive/icon-bookmark":"^1.1.3","@internetarchive/icon-collapse-sidebar":"^1.1.0","@internetarchive/icon-edit-pencil":"1.1.5","@internetarchive/icon-magnify-minus":"^1.2.3","@internetarchive/icon-magnify-plus":"^1.2.3","@internetarchive/icon-search":"^1.2.3","@internetarchive/modal-manager":"^0.1.0","@juggle/resize-observer":"^3.3.1","lit-element":"^2.4.0","lit-html":"^1.3.0"},"devDependencies":{"@babel/core":"7.15.0","@babel/eslint-parser":"^7.15.7","@babel/plugin-proposal-class-properties":"^7.14.5","@babel/plugin-proposal-decorators":"^7.14.5","@babel/preset-env":"7.15.0","@open-wc/testing":"^2.5.33","@open-wc/testing-karma":"^4.0.9","@types/jest":"27.0.1","@webcomponents/webcomponentsjs":"^2.6.0","babel-loader":"8.2.2","codecov":"3.8.3","concurrently":"6.0.2","core-js":"3.16.2","cpx2":"3.0.0","eslint":"^7.32.0","eslint-plugin-no-jquery":"^2.6.0","eslint-plugin-testcafe":"0.2.1","hammerjs":"^2.0.8","http-server":"0.12.3","iso-language-codes":"1.1.0","jest":"27.0.6","jquery":"1.11.3","jquery-colorbox":"1.6.4","jquery-ui":"1.12.1","jquery-ui-touch-punch":"0.2.3","jquery.browser":"0.1.0","jquery.mmenu":"5.6.5","karma-coverage":"^2.0.3","live-server":"1.2.1","node-fetch":"2.6.1","regenerator-runtime":"0.13.9","sass":"1.38.2","sinon":"11.1.2","soundmanager2":"2.97.20170602","svgo":"2.4.0","testcafe":"^1.16.1","testcafe-browser-provider-browserstack":"^1.13.2-alpha.1","webpack":"5.51.1","webpack-cli":"4.8.0"},"jest":{"testEnvironment":"jsdom","transformIgnorePatterns":["node_modules/(?!(lit-html|lit-element|lit)/)"],"moduleNameMapper":{"^@/(.*)$":"<rootDir>/$1"},"setupFiles":["./src/jquery-wrapper.js"],"roots":["<rootDir>/src/","<rootDir>/tests/jest/"],"coverageDirectory":"<rootDir>/coverage-jest"},"scripts":{"preversion":"npm run test && node scripts/preversion.js","version":"node scripts/version.js","postversion":"node scripts/postversion.js","build":"npm run clean && npm run build-js && npm run build-css && npm run build-assets","build-assets":"npx cpx \\"src/assets/**/*\\" BookReader && npx svgo -f BookReader/icons && npx svgo -f BookReader/images","build-assets:watch":"npx cpx --watch --verbose \\"src/assets/**/*\\" BookReader","build-js":"npx webpack","build-js:watch":"npx webpack --mode=development --watch","build-css":"npx sass --no-source-map ./src/css/BookReader.scss ./BookReader/BookReader.css","build-css:watch":"npx sass --watch --no-source-map ./src/css/BookReader.scss ./BookReader/BookReader.css","clean":"rm -r BookReader/ || true","lint":"npx eslint src/ tests/ *.js","lint:fix":"npx eslint --fix src/ tests/ *.js","serve":"npx http-server . --port 8000","serve-live":"npx live-server . --port 8000 --watch=index.html,BookReader,BookReaderDemo","serve-dev":"npm run build-css && npx concurrently --kill-others npm:serve-live npm:build-*:watch","test":"npm run test-jest && npm run test-karma","test:e2e":"npm run build && npx testcafe","test:e2e:dev":"npx testcafe --live --dev","test-jest:watch":"npx jest --watch","test-jest":"npx jest --coverage --colors","test-karma":"npx karma start --coverage","test-karma:watch":"npx karma start --auto-watch=true --single-run=false","DOCS:update:test-deps":"If CI succeeds, these should be good to update","update:test-deps":"npm i @babel/eslint-parser@latest @open-wc/testing@latest @open-wc/testing-karma@latest @types/jest@latest codecov@latest eslint@latest eslint-plugin-testcafe@latest jest@latest karma-coverage@latest sinon@latest testcafe@latest","DOCS:update:build-deps":"These can cause strange changes, so do an npm run build + check file size (git diff --stat), and check the site is as expected","update:build-deps":"npm i @babel/core@latest @babel/preset-env@latest babel-loader@latest core-js@latest regenerator-runtime@latest sass@latest svgo@latest webpack@latest webpack-cli@latest","codecov":"npx codecov"}}');
 
 /***/ })
 

package/BookReader/icons/1up.svg

@@ -1 +1,12 @@
-<svg width="11" height="19" xmlns="http://www.w3.org/2000/svg" aria-labelledby="1upTitleID 1upDescID"><path d="M9.772 1c.108 0 .198.084.222.196l.006.058v16.492c0 .12-.075.221-.176.247L9.772 18H1.228c-.108 0-.198-.084-.222-.196L1 17.746V1.254c0-.12.075-.221.176-.247L1.228 1z" fill="none" stroke="#fff" stroke-width="1.5"/></svg>
+<svg
+  width="11"
+  height="19"
+  viewBox="0 0 11 19"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="1upTitleID 1upDescID"
+>
+  <title id="1upTitleID">One-page mode</title>
+  <desc id="1upDescID">An illustration of a rectangle representing a book page</desc>
+  <path d="m9.77194068 1c.10796015 0 .19839954.08352773.2220361.19570997l.00602322.05822495v16.49213018c0 .1202095-.07501651.22091-.17576747.2472283l-.05229185.0067066h-8.54388136c-.10796015 0-.19839954-.0835277-.2220361-.19571l-.00602322-.0582249v-16.49213018c0-.12020948.07501651-.22091.17576747-.24722832l.05229185-.0067066z" fill="none" stroke="#fff" stroke-width="1.5" />
+</svg>

package/BookReader/icons/2up.svg

@@ -1 +1,15 @@
-<svg width="20" height="19" xmlns="http://www.w3.org/2000/svg" aria-labelledby="2upTitleID 2upDescID"><g fill="none" fill-rule="evenodd" stroke="#fff" stroke-width="1.5"><path d="M18.544 1c.216 0 .397.084.444.196l.012.058v16.492c0 .12-.15.221-.352.247l-.104.007H1.456c-.216 0-.397-.084-.444-.196L1 17.746V1.254c0-.12.15-.221.352-.247L1.456 1z"/><path d="M10 2v15" stroke-linecap="square"/></g></svg>
+<svg
+  width="20"
+  height="19"
+  viewBox="0 0 20 19"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="2upTitleID 2upDescID"
+>
+  <title id="2upTitleID">Two-page mode</title>
+  <desc id="2upDescID">An illustration of two rectangles in a row representing an open book</desc>
+  <g fill="none" fill-rule="evenodd" stroke="#fff" stroke-width="1.5">
+    <path d="m18.5438814 1c.2159203 0 .396799.08352773.4440722.19570997l.0120464.05822495v16.49213018c0 .1202095-.150033.22091-.3515349.2472283l-.1045837.0067066h-17.08776275c-.21592031 0-.3967991-.0835277-.44407221-.19571l-.01204644-.0582249v-16.49213018c0-.12020948.15003302-.22091.35153494-.24722832l.10458371-.0067066z" />
+    <path d="m10 2v15" stroke-linecap="square" />
+  </g>
+</svg>

package/BookReader/icons/advance.svg

@@ -1,3 +1,26 @@
-<svg width="21" height="19" xmlns="http://www.w3.org/2000/svg" aria-labelledby="advanceTitleID advanceDescID"><g fill="none" fill-rule="evenodd"><path stroke="#fff" stroke-width="2" stroke-linejoin="round" d="M7.478 16.667H1.922V3.333h14.445"/><path fill="#fff" d="M16.367 0v6.667l4.444-3.334z"/><text transform="translate(8.589)" font-family="HelveticaNeue, Helvetica Neue, sans-serif" font-size="10" fill="#fff">
-              <tspan x="0" y="17.333">10</tspan>
-            </text></g></svg>
+<svg
+  width="21"
+  height="19"
+  viewBox="0 0 21 19"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="advanceTitleID advanceDescID"
+>
+  <title id="advanceTitleID">Advance icon</title>
+  <desc id="advanceDescID">An arrow pointing in a forward direction</desc>
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g transform="translate(-200.000000, -15.000000)">
+      <g transform="translate(56.922243, 5.000000)">
+        <g transform="translate(144.000000, 10.000000)">
+          <g transform="translate(11.000000, 10.000000) scale(-1, 1) translate(-11.000000, -10.000000) translate(1.000000, 0.000000)">
+            <polyline stroke="#fff" stroke-width="2" stroke-linejoin="round" points="14.4444444 16.6666667 20 16.6666667 20 3.33333333 5.55555556 3.33333333"></polyline>
+            <polygon fill="#fff" points="5.55555556 0 5.55555556 6.66666667 1.11111111 3.33333333"></polygon>
+            <text transform="translate(6.666667, 13.333333) scale(-1, 1) translate(-6.666667, -13.333333) " font-family="HelveticaNeue, Helvetica Neue, sans-serif" font-size="10" font-weight="normal" fill="#fff">
+              <tspan x="0" y="17.3333333">10</tspan>
+            </text>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/BookReader/icons/chevron-right.svg

@@ -1 +1 @@
-<svg height="8" width="5" xmlns="http://www.w3.org/2000/svg"><path d="M.302.284A1 1 0 0 1 1.623.218l.093.084 3 3.081.082.096a1 1 0 0 1-.016 1.226l-.085.093-3 2.919-.095.082a1 1 0 0 1-1.226-.017l-.093-.085-.082-.095a1 1 0 0 1 .017-1.226l.085-.093 2.283-2.222L.284 1.698l-.082-.096a1 1 0 0 1 .1-1.318z" fill="#fff" fill-rule="evenodd"/></svg>
+<svg height="8" viewBox="0 0 5 8" width="5" xmlns="http://www.w3.org/2000/svg"><path d="m.30238333.28352881c.36525795-.3556459.93280829-.37581056 1.32099799-.06558269l.09308988.0844372 3 3.08108108.08194437.09533317c.27484336.36339327.26799481.87009349-.01656959 1.22592581l-.08449101.09308363-3 2.91891892-.09533796.08189041c-.3633964.27465435-.86994721.2677153-1.22568389-.01679019l-.09305904-.08447119-.08189041-.09533796c-.27465435-.3633964-.2677153-.86994722.01679019-1.22568389l.0844712-.09305904 2.28335496-2.22227407-2.30247119-2.36338332-.08192523-.09530804c-.2997677-.39632298-.26447822-.96313393.10077973-1.31877983z" fill="#fff" fill-rule="evenodd"/></svg>

package/BookReader/icons/close-circle-dark.svg

@@ -1 +1 @@
-<svg height="12" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0zM3.66 2.964a.5.5 0 0 0-.639.765L5.293 6 3.087 8.206l-.058.069a.5.5 0 0 0 .765.638L6 6.707l2.206 2.206.069.058a.5.5 0 0 0 .638-.765L6.707 6l2.272-2.271.057-.07a.5.5 0 0 0-.765-.638L6 5.293 3.729 3.021z" fill="#222" fill-rule="evenodd"/></svg>
+<svg height="12" viewBox="0 0 12 12" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m6 0c3.3137085 0 6 2.6862915 6 6s-2.6862915 6-6 6-6-2.6862915-6-6 2.6862915-6 6-6zm-2.3406945 2.96359116c-.19486814-.13499605-.46429254-.1157109-.63785889.05785545-.19526215.19526215-.19526215.51184463 0 .70710678l2.27155339 2.27144661-2.20567981 2.20557302-.05785545.06924789c-.13499605.19486814-.1157109.46429254.05785545.6378589.19526215.19526214.51184464.19526214.70710679 0l2.20557302-2.20567981 2.20557302 2.20567981.06924789.05785545c.19486814.13499605.46429254.1157109.6378589-.05785545.19526214-.19526215.19526214-.51184464 0-.70710679l-2.20567981-2.20557302 2.27155339-2.27144661.05785545-.06924789c.13499605-.19486814.1157109-.46429254-.05785545-.63785889-.19526215-.19526215-.51184463-.19526215-.70710678 0l-2.27144661 2.27155339-2.27144661-2.27155339z" fill="#222" fill-rule="evenodd"/></svg>

package/BookReader/icons/close-circle.svg

@@ -1 +1 @@
-<svg height="12" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0zM3.66 2.964a.5.5 0 0 0-.639.765L5.293 6 3.087 8.206l-.058.069a.5.5 0 0 0 .765.638L6 6.707l2.206 2.206.069.058a.5.5 0 0 0 .638-.765L6.707 6l2.272-2.271.057-.07a.5.5 0 0 0-.765-.638L6 5.293 3.729 3.021z" fill="#fff" fill-rule="evenodd"/></svg>
+<svg height="12" viewBox="0 0 12 12" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m6 0c3.3137085 0 6 2.6862915 6 6s-2.6862915 6-6 6-6-2.6862915-6-6 2.6862915-6 6-6zm-2.3406945 2.96359116c-.19486814-.13499605-.46429254-.1157109-.63785889.05785545-.19526215.19526215-.19526215.51184463 0 .70710678l2.27155339 2.27144661-2.20567981 2.20557302-.05785545.06924789c-.13499605.19486814-.1157109.46429254.05785545.6378589.19526215.19526214.51184464.19526214.70710679 0l2.20557302-2.20567981 2.20557302 2.20567981.06924789.05785545c.19486814.13499605.46429254.1157109.6378589-.05785545.19526214-.19526215.19526214-.51184464 0-.70710679l-2.20567981-2.20557302 2.27155339-2.27144661.05785545-.06924789c.13499605-.19486814.1157109-.46429254-.05785545-.63785889-.19526215-.19526215-.51184463-.19526215-.70710678 0l-2.27144661 2.27155339-2.27144661-2.27155339z" fill="#fff" fill-rule="evenodd"/></svg>

package/BookReader/icons/fullscreen.svg

@@ -1 +1,17 @@
-<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="fullscreenTitleID fullscreenDescID"><g fill="none" fill-rule="evenodd" stroke="#fff" stroke-linejoin="round" stroke-width="1.5"><path d="M12 1h5v5M12 17h5v-5M6 1H1v5M6 17H1v-5"/></g></svg>
+<svg
+  width="18"
+  height="18"
+  viewBox="0 0 18 18"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="fullscreenTitleID fullscreenDescID"
+>
+  <title id="fullscreenTitleID">Fullscreen</title>
+  <desc id="fullscreenDescID">An illustration of a square</desc>
+  <g fill="none" fill-rule="evenodd" stroke="#fff" stroke-linejoin="round" stroke-width="1.5">
+    <path d="m12 1h5v5" />
+    <path d="m12 12h5v5" transform="matrix(1 0 0 -1 0 29)" />
+    <path d="m1 1h5v5" transform="matrix(-1 0 0 1 7 0)" />
+    <path d="m1 12h5v5" transform="matrix(-1 0 0 -1 7 29)" />
+  </g>
+</svg>

package/BookReader/icons/fullscreen_exit.svg

@@ -1 +1,17 @@
-<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="fullscreen-exitTitleID fullscreen-exitDescID"><g fill="none" fill-rule="evenodd" stroke="#fff" stroke-linejoin="round" stroke-width="1.5"><path d="M17 6h-5V1M17 12h-5v5M1 6h5V1M1 12h5v5"/></g></svg>
+<svg
+  width="18"
+  height="18"
+  viewBox="0 0 18 18"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="fullscreen-exitTitleID fullscreen-exitDescID"
+>
+  <title id="fullscreen-exitTitleID">Exit fullscreen</title>
+  <desc id="fullscreen-exitDescID">An illustration of a crosshair</desc>
+  <g fill="none" fill-rule="evenodd" stroke="#fff" stroke-linejoin="round" stroke-width="1.5">
+    <path d="m12 1h5v5" transform="matrix(-1 0 0 -1 29 7)" />
+    <path d="m12 12h5v5" transform="matrix(-1 0 0 1 29 0)" />
+    <path d="m1 1h5v5" transform="matrix(1 0 0 -1 0 7)" />
+    <path d="m1 12h5v5" />
+  </g>
+</svg>

package/BookReader/icons/hamburger.svg

@@ -1 +1,15 @@
-<svg width="30" height="24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="hamburgerTitle hamburgerDescription"><g stroke-width="3" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke="#fff"><path d="M2 2h26M2 12h26M2 22h26"/></g></svg>
+<svg
+  width="30px"
+  height="24px"
+  viewBox="0 0 30 24"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="hamburgerTitle hamburgerDescription">
+  <title id="hamburgerTitle">Menu icon</title>
+  <desc id="hamburgerDescription">Three parallel horizontal lines in a vertical column</desc>
+  <g stroke="none" stroke-width="3" fill="none" fill-rule="evenodd" stroke-linecap="round">
+    <path d="M2,2 L28,2" stroke="#fff"></path>
+    <path d="M2,12 L28,12" stroke="#fff"></path>
+    <path d="M2,22 L28,22" stroke="#fff"></path>
+  </g>
+</svg>

package/BookReader/icons/left-arrow.svg

@@ -1 +1,12 @@
-<svg width="12" height="14" xmlns="http://www.w3.org/2000/svg" aria-labelledby="leftArrowTitleID leftArrowDescID"><path fill-rule="evenodd" fill="#fff" d="m.5 7.5 11 7V.5z"/></svg>
+<svg
+  width="12"
+  height="14"
+  viewBox="0 0 12 14"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="leftArrowTitleID leftArrowDescID"
+>
+  <title id="leftArrowTitleID">Left arrow</title>
+  <desc id="leftArrowDescID">An arrow pointing left</desc>
+  <polygon transform="translate(6.000000, 7.500000) scale(-1, 1) rotate(90.000000) translate(-6.000000, -7.500000) " points="6 2 13 13 -1 13" stroke="none" stroke-width="1" fill-rule="evenodd" fill="#fff"></polygon>
+</svg>

package/BookReader/icons/magnify-minus.svg

@@ -1 +1,16 @@
-<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="magnify-minusTitleID magnify-minusDescID"><g fill="none" fill-rule="evenodd"><circle cx="7" cy="7" r="6" stroke="#fff" stroke-width="2"/><path d="m12 12 4.335 4.335" stroke="#fff" stroke-linecap="round" stroke-width="2"/><path d="M10 7.75v-1.5H4v1.5z" fill="#fff" fill-rule="nonzero"/></g></svg>
+<svg
+  width="18"
+  height="18"
+  viewBox="0 0 18 18"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="magnify-minusTitleID magnify-minusDescID"
+>
+  <title id="magnify-minusTitleID">Zoom out</title>
+  <desc id="magnify-minusDescID">An icon of a minus symbol</desc>
+  <g fill="none" fill-rule="evenodd">
+    <circle cx="7" cy="7" r="6" stroke="#fff" stroke-width="2" />
+    <path d="m12 12 4.335213 4.335213" stroke="#fff" stroke-linecap="round" stroke-width="2" />
+    <path d="m10 7.75v-1.5h-6v1.5z" fill="#fff" fill-rule="nonzero" />
+  </g>
+</svg>

package/BookReader/icons/magnify-plus.svg

@@ -1 +1,17 @@
-<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="magnify-plusTitleID magnify-plusDescID"><g fill="none" fill-rule="evenodd"><circle cx="7" cy="7" r="6" stroke="#fff" stroke-width="2"/><path d="m12 12 4.335 4.335" stroke="#fff" stroke-linecap="round" stroke-width="2"/><path d="M7.75 4v2.25H10v1.5H7.75V10h-1.5V7.75H4v-1.5h2.25V4z" fill="#fff" fill-rule="nonzero"/></g></svg>
+<svg
+  width="18"
+  height="18"
+  viewBox="0 0 18 18"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="magnify-plusTitleID magnify-plusDescID"
+>
+  <title id="magnify-plusTitleID">Zoom in</title>
+  <desc id="magnify-plusDescID">An icon of a plus symbol</desc>
+  <g fill="none" fill-rule="evenodd">
+    <circle cx="7" cy="7" r="6" stroke="#fff" stroke-width="2" />
+    <path d="m12 12 4.335213 4.335213" stroke="#fff" stroke-linecap="round" stroke-width="2" />
+    <path d="m7.75 4v2.25h2.25v1.5h-2.25v2.25h-1.5v-2.25h-2.25v-1.5h2.25v-2.25z" fill="#fff" fill-rule="nonzero" />
+  </g>
+
+</svg>

package/BookReader/icons/magnify.svg

@@ -1 +1,15 @@
-<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg" aria-labelledby="magnifyTitleID magnifyDescID"><g fill="none" fill-rule="evenodd" stroke="#fff" stroke-width="2"><circle cx="6.124" cy="7.125" r="5"/><path stroke-linecap="square" d="m10.991 11.596 4.336 4.335"/></g></svg>
+<svg
+  width="17"
+  height="17"
+  viewBox="0 0 17 17"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="magnifyTitleID magnifyDescID"
+>
+  <title>Magnifying glass</title>
+  <desc>An icon of a magnifying glass</desc>
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <circle stroke="#fff" stroke-width="2" cx="6.12427268" cy="7.12454189" r="5"></circle>
+    <line x1="10.9914602" y1="11.5959661" x2="15.3266728" y2="15.9311788" stroke="#fff" stroke-width="2" stroke-linecap="square"></line>
+  </g>
+</svg>

package/BookReader/icons/pause.svg

@@ -1 +1,23 @@
-<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pauseTitleID pauseDescID"><g transform="translate(-.078)" fill="none" fill-rule="evenodd"><circle fill="#fff" cx="20" cy="20" r="20"/><path d="M25.333 12v16.667h-4V12h4zm-6.666 0v16.667h-4V12h4z" fill="#333"/></g></svg>
+<svg
+  width="40"
+  height="40"
+  viewBox="0 0 40 40"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="pauseTitleID pauseDescID"
+>
+  <title id="pauseTitleID">Pause button</title>
+  <desc id="pauseDescID">A circle with two rectangles in its center</desc>
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g transform="translate(-141.000000, -5.000000)">
+      <g transform="translate(56.922243, 5.000000)">
+        <g transform="translate(84.000000, 0.000000)">
+          <circle fill="#fff" cx="20" cy="20" r="20"></circle>
+          <g transform="translate(14.666667, 12.000000)" fill="#333">
+            <path d="M10.6666667,0 L10.6666667,16.6666667 L6.66666667,16.6666667 L6.66666667,0 L10.6666667,0 Z M4,0 L4,16.6666667 L0,16.6666667 L0,0 L4,0 Z"></path>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/BookReader/icons/play.svg

@@ -1 +1,22 @@
-<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg" aria-labelledby="playTitleID playDescID"><g transform="translate(-.078)" fill="none" fill-rule="evenodd"><circle fill="#fff" cx="20" cy="20" r="20"/><path fill="#333" d="m31.333 20.333-16.666 8.334V12z"/></g></svg>
+<svg
+  width="40"
+  height="40"
+  viewBox="0 0 40 40"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="playTitleID playDescID"
+>
+  <title id="playTitleID">Play button</title>
+  <desc id="playDescID">A circle with a triangle in its center</desc>
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g transform="translate(-141.000000, -5.000000)">
+      <g transform="translate(56.922243, 5.000000)">
+        <g transform="translate(84.000000, 0.000000)">
+          <circle fill="#fff" cx="20" cy="20" r="20"></circle>
+          <g transform="translate(14.666667, 12.000000)"></g>
+          <polygon fill="#333" transform="translate(23.000000, 20.333333) rotate(90.000000) translate(-23.000000, -20.333333) " points="23 12 31.3333333 28.6666667 14.6666667 28.6666667"></polygon>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/BookReader/icons/playback-speed.svg

@@ -1 +1,34 @@
-<svg width="24" height="32" xmlns="http://www.w3.org/2000/svg" aria-labelledby="playbackSpeedTitleID playbackSpeedDescID"><g stroke="#fff" fill="none" fill-rule="evenodd"><g stroke-linecap="round"><path d="m19.422 6.5-7 7M17.922 13.291h3M20.505 8.543l-.862.507M17.089 5.068l-.493.87M12.422 4v3M7.756 5.068l.493.87M4.34 8.543l.862.507M3.922 13.291h3"/></g><path d="M12.422 15.987c11.523 0 10.475.522 10.475-4.996C22.897 5.473 18.207 1 12.422 1 6.637 1 1.947 5.473 1.947 10.991S.9 15.987 12.422 15.987z" stroke-width="2"/></g></svg>
+<svg
+  width="24"
+  height="32"
+  viewBox="0 0 24 32"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="playbackSpeedTitleID playbackSpeedDescID"
+>
+  <title>Playback speed</title>
+  <desc>An illustration of a speedometer</desc>
+  <g stroke="#fff" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g transform="translate(-56.000000, -14.000000)">
+      <g transform="translate(56.922243, 5.000000)">
+        <g transform="translate(0.000000, 4.000000)">
+          <g transform="translate(0.000000, 5.000000)">
+            <g transform="translate(1.000000, 1.000000)">
+              <g transform="translate(2.000000, 2.521739)" stroke-linecap="round">
+                  <line x1="8.5" y1="9.97826087" x2="15.5" y2="2.97826087" transform="translate(12.000000, 6.478261) rotate(180.000000) translate(-12.000000, -6.478261) "></line>
+                  <line x1="15.5" y1="11.2695652" x2="15.5" y2="8.26956522" transform="translate(15.500000, 9.769565) rotate(90.000000) translate(-15.500000, -9.769565) "></line>
+                  <line x1="16.1555266" y1="5.77496471" x2="16.1480288" y2="4.77499282" transform="translate(16.151778, 5.274979) rotate(240.000000) translate(-16.151778, -5.274979) "></line>
+                  <line x1="12.9236091" y1="2.48093451" x2="12.9161756" y2="1.48096213" transform="translate(12.919892, 1.980948) rotate(210.000000) translate(-12.919892, -1.980948) "></line>
+                  <line x1="8.5" y1="3.47826087" x2="8.5" y2="0.47826087" transform="translate(8.500000, 1.978261) rotate(180.000000) translate(-8.500000, -1.978261) "></line>
+                  <line x1="4.07639089" y1="2.48093451" x2="4.08382438" y2="1.48096213" transform="translate(4.080108, 1.980948) rotate(150.000000) translate(-4.080108, -1.980948) "></line>
+                  <line x1="0.844473378" y1="5.77496471" x2="0.851971223" y2="4.77499282" transform="translate(0.848222, 5.274979) rotate(120.000000) translate(-0.848222, -5.274979) "></line>
+                  <line x1="1.5" y1="11.2695652" x2="1.5" y2="8.26956522" transform="translate(1.500000, 9.769565) rotate(90.000000) translate(-1.500000, -9.769565) "></line>
+              </g>
+              <path 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" stroke-width="2"></path>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/BookReader/icons/read-aloud.svg

@@ -1 +1,22 @@
-<svg width="20" height="16" xmlns="http://www.w3.org/2000/svg" aria-labelledby="readAloudTitleID readAloudDescriptionID"><g fill="#fff" fill-rule="evenodd"><path d="M16.2 15.2h-1.8v-7h1.8z"/><path d="M9.99.123c-4.636 0-8.387 4.016-8.62 8.372C.697 8.876.053 9.547.07 11.55c.034 4.163 3.218 3.601 3.218 3.601v-6.89s-.053-.012-.144-.022C3.41 4.649 6.72 2.142 9.99 2.063c3.178-.077 6.612 2.585 6.88 6.172a1.585 1.585 0 0 0-.18.026v6.89s3.185.562 3.22-3.6c.016-1.968-.605-2.643-1.265-3.035C18.423 4.15 14.677.123 9.99.123z"/><path d="M3.8 15.2h1.8v-7H3.8z"/></g></svg>
+<svg
+  width="20"
+  height="16"
+  viewBox="0 0 20 16"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="readAloudTitleID readAloudDescriptionID"
+>
+  <title id="readAloudTitleID">Read aloud</title>
+  <desc id="readAloudDescriptionID">An illustration of headphones</desc>
+  <g transform="translate(-212.000000, -9.000000)" fill="#fff" stroke="none" stroke-width="1" fill-rule="evenodd">
+    <g transform="translate(146.000000, 0.000000)">
+      <g transform="translate(66.000000, 8.000000)">
+        <g transform="translate(10.000000, 8.200000) scale(-1, 1) rotate(-180.000000) translate(-10.000000, -8.200000) translate(0.000000, 0.200000)">
+          <polygon points="16.2 0 14.4 0 14.4 7 16.2 7"></polygon>
+          <path d="M9.98959325,15.0773216 C5.35414621,15.0773216 1.60303519,11.0610721 1.37018967,6.70460125 C0.697018953,6.32363105 0.0526829255,5.65267504 0.069376692,3.64950913 C0.10428184,-0.512919136 3.2882384,0.0489418427 3.2882384,0.0489418427 L3.2882384,6.93853032 C3.2882384,6.93853032 3.23533867,6.95081968 3.14428176,6.96138422 C3.40964761,10.550309 6.71913262,13.0575543 9.98959325,13.1368961 C13.1681298,13.2140819 16.6020592,10.5522494 16.8691595,6.96504947 C16.7575064,6.95383812 16.6909481,6.93853032 16.6909481,6.93853032 L16.6909481,0.0489418427 C16.6909481,0.0489418427 19.8749047,-0.512919136 19.909593,3.64950913 C19.92607,5.61688497 19.304715,6.29150623 18.644986,6.68368778 C18.4227638,11.0500763 14.6766392,15.0773216 9.98959325,15.0773216 Z"></path>
+          <polygon points="3.8 0 5.6 0 5.6 7 3.8 7"></polygon>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/BookReader/icons/review.svg

@@ -1,3 +1,22 @@
-<svg width="21" height="19" xmlns="http://www.w3.org/2000/svg" aria-labelledby="reviewTitleID reviewDescID"><g fill="none" fill-rule="evenodd"><path stroke="#fff" stroke-width="2" stroke-linejoin="round" d="M14.367 16.667h5.555V3.333H5.478"/><path fill="#fff" d="M5.478 0v6.667L1.033 3.333z"/><text font-family="HelveticaNeue, Helvetica Neue, sans-serif" font-size="10" fill="#fff" transform="translate(-.078)">
-          <tspan x="0" y="17.333">10</tspan>
-        </text></g></svg>
+<svg
+  width="21"
+  height="19"
+  viewBox="0 0 21 19"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="reviewTitleID reviewDescID"
+>
+  <title id="reviewTitleID">Review</title>
+  <desc id="reviewDescID">An arrow pointing in a backward direction</desc>
+  <g transform="translate(-100.000000, -15.000000)" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g transform="translate(56.922243, 5.000000)">
+      <g transform="translate(43.000000, 10.000000)">
+        <polyline stroke="#fff" stroke-width="2" stroke-linejoin="round" points="14.4444444 16.6666667 20 16.6666667 20 3.33333333 5.55555556 3.33333333"></polyline>
+        <polygon fill="#fff" points="5.55555556 0 5.55555556 6.66666667 1.11111111 3.33333333"></polygon>
+        <text font-family="HelveticaNeue, Helvetica Neue, sans-serif" font-size="10" font-weight="normal" fill="#fff">
+          <tspan x="0" y="17.3333333">10</tspan>
+        </text>
+      </g>
+    </g>
+  </g>
+</svg>

package/BookReader/icons/thumbnails.svg

@@ -1 +1,17 @@
-<svg width="17" height="19" xmlns="http://www.w3.org/2000/svg" aria-labelledby="thumbnailTitleID thumbnailDescID"><g fill="none" fill-rule="evenodd" stroke="#fff" stroke-width="1.5"><rect height="7.25" rx="1" width="6" x="1.25" y=".75"/><rect height="7.25" rx="1" width="6" x="1.25" y="10.75"/><rect height="7.25" rx="1" width="6" x="10" y=".75"/><rect height="7.25" rx="1" width="6" x="10" y="10.75"/></g></svg>
+<svg
+  width="17"
+  height="19"
+  viewBox="0 0 17 19"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="thumbnailTitleID thumbnailDescID"
+>
+  <title id="thumbnailTitleID">Thumbnails</title>
+  <desc id="thumbnailDescID">An illustration of a grid of two squares per row and two squares per column</desc>
+  <g fill="none" fill-rule="evenodd" stroke="#fff" stroke-width="1.5">
+    <rect height="7.25" rx="1" width="6" x="1.25" y=".75" />
+    <rect height="7.25" rx="1" width="6" x="1.25" y="10.75" />
+    <rect height="7.25" rx="1" width="6" x="10" y=".75" />
+    <rect height="7.25" rx="1" width="6" x="10" y="10.75" />
+  </g>
+</svg>

package/BookReader/icons/voice.svg

@@ -1 +1 @@
-<svg height="100" width="100" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><path d="M38.171 1.17C18.865 3.526 7.399 18.667 9.645 36.866l.138.992c1.322 8.566 5.977 16.301 12.664 21.54l.437.333-.826.282C7.471 65.166 0 77.4 0 96.126c0 1.726 1.4 3.125 3.125 3.125h75c1.726 0 3.125-1.399 3.125-3.125L81.24 95c-.28-17.167-7.011-28.73-19.95-34.175l-.753-.307.345-.255c4.698-3.617 8.273-8.807 10.702-15.494l.103-.344a3.125 3.125 0 0 0-1.908-3.635l-12.616-2.96L72.7 32.614a3.125 3.125 0 0 0 1.531-3.92l-.429-1.117C66.392 8.682 54.372-.376 38.171 1.17zm29.173 27.119-14.305 7.085-.346.197c-2.068 1.354-1.806 4.581.6 5.516l11.26 4.377-.045.105c-3 6.52-7.382 10.764-13.203 12.897-2.967 1.088-2.63 5.389.47 6l.91.19C66.8 67.76 74.096 76.956 74.92 93.001H6.325l.062-.988c1.14-16.539 9.432-25.592 25.338-27.934 3.134-.461 3.672-4.756.748-5.976-8.92-3.72-15.426-12.285-16.625-22.002-1.828-14.81 7.246-26.795 22.999-28.719C51.35 6.19 60.675 12.757 67.124 27.761z"/><path d="M76.504 22.425a3.125 3.125 0 0 1 4.322-.92c6.187 4.015 9.424 9.477 9.424 16.121s-3.237 12.106-9.424 16.121a3.125 3.125 0 1 1-3.402-5.242C81.904 45.597 84 42.059 84 37.626s-2.097-7.971-6.576-10.879a3.125 3.125 0 0 1-.92-4.322z"/><path d="M86.677 19.184a3.125 3.125 0 0 1 4.39-.506c6.08 4.822 9.183 11.223 9.183 18.948s-3.104 14.126-9.183 18.948a3.125 3.125 0 0 1-3.884-4.896C91.77 48.038 94 43.44 94 37.626s-2.23-10.413-6.817-14.052a3.125 3.125 0 0 1-.506-4.39z"/></g></svg>
+<svg height="100" viewBox="0 0 100 100" width="100" xmlns="http://www.w3.org/2000/svg"><g fill="#fff" fill-rule="nonzero"><path d="m38.1709541 1.16927276c-19.3063792 2.35749181-30.77194642 17.49896974-28.52613175 35.69759164l.13778264.9919913c1.32289251 8.56612 5.97731071 16.3013047 12.66398421 21.5397034l.4377858.3337777-.8258922.2818912c-14.58776328 5.1516606-22.0584828 17.3847028-22.0584828 36.1118649 0 1.7258899 1.39911016 3.125 3.125 3.125h75c1.7258898 0 3.125-1.3991101 3.125-3.125l-.0091512-1.1274701c-.2805982-17.166151-7.012296-28.729242-19.9504605-34.1742942l-.7528883-.3076168.3448755-.2543479c4.6971412-3.6170055 8.2730972-8.807671 10.7017508-15.494037l.1033476-.3442854c.358088-1.4990563-.4382762-3.0639387-1.9085796-3.6353549l-12.6163943-2.9594748 15.5382502-5.2151308c1.4455508-.7155993 2.1089731-2.4138059 1.5313094-3.9197953l-.4286041-1.1171368c-7.4117992-18.89492742-19.4315183-27.95356137-35.6325014-26.40787614zm29.1727959 27.11931404-14.3051523 7.0850707-.3458164.1975825c-2.0674045 1.3537943-1.8055096 4.5808459.6002149 5.5158026l11.2601288 4.3765442-.0446544.1053935c-2.9998765 6.5205267-7.382434 10.7639749-13.2036694 12.8974938-2.9669838 1.087418-2.6299355 5.3880614.4702287 5.9999873l.9102021.1897523c14.1147108 3.1023497 21.4110943 12.2993394 22.233518 28.3448731h-68.59375l.06180046-.9883469c1.14099717-16.5385163 9.43185134-25.5919672 25.33818054-27.9334892 3.1343099-.4613921 3.6716909-4.7565726.7476649-5.9759387-8.9190789-3.7193999-15.42583-12.285691-16.6248777-22.0019293-1.8277808-14.8111472 7.2466638-26.79489813 22.9989376-28.71929813 12.5036466-1.191884 21.828781 5.37445053 28.2768952 20.37896473z"/><path d="m76.5037126 22.4247766c.9396111-1.4476971 2.8749067-1.8595821 4.3226037-.9199711 6.1870578 4.0156385 9.4236837 9.4774446 9.4236837 16.1212874s-3.2366259 12.105649-9.4236837 16.1212875c-1.447697.939611-3.3829926.527726-4.3226037-.9199711s-.527726-3.3829927.9199711-4.3226038c4.4796088-2.9074384 6.5763163-6.4456323 6.5763163-10.8787126 0-4.4330802-2.0967075-7.9712741-6.5763163-10.8787125-1.4476971-.9396111-1.8595822-2.8749067-.9199711-4.3226038z"/><path d="m86.6767674 19.1839853c1.0725964-1.3521215 3.0382187-1.5787214 4.3903402-.506125 6.0793735 4.82258 9.1828924 11.2235876 9.1828924 18.9482326 0 7.7246451-3.1035189 14.1256527-9.1828924 18.9482327-1.3521215 1.0725964-3.3177438.8459965-4.3903402-.506125-1.0725964-1.3521216-.8459966-3.3177439.506125-4.3903403 4.5872931-3.6389585 6.8171076-8.2379508 6.8171076-14.0517674 0-5.8138165-2.2298145-10.4128088-6.8171076-14.0517673-1.3521216-1.0725964-1.5787214-3.0382187-.506125-4.3903403z"/></g></svg>

package/BookReader/icons/volume-full.svg

@@ -1 +1,22 @@
-<svg width="23" height="22" xmlns="http://www.w3.org/2000/svg" aria-labelledby="volume-fullTitleID volume-fullDescID"><g stroke="#fff" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M14.922 3c2 2.051 3 4.718 3 8s-1 5.949-3 8M18.922 1c2 2.564 3 5.897 3 10s-1 7.436-3 10" stroke-linecap="round"/><path fill="#fff" stroke-linejoin="round" d="m10.922 3.5-4 3.81h-5v8.38h5l4 3.81z"/></g></svg>
+<svg
+  width="23"
+  height="22"
+  viewBox="0 0 23 22"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-labelledby="volume-fullTitleID volume-fullDescID"
+>
+  <title>button/volume - full</title>
+  <desc>Created with Sketch.</desc>
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g transform="translate(-241.000000, -14.000000)" stroke="#fff" stroke-width="2">
+      <g transform="translate(56.922243, 5.000000)">
+        <g transform="translate(185.000000, 9.000000)">
+          <path d="M14,3 C16,5.05128205 17,7.71794872 17,11 C17,14.2820513 16,16.9487179 14,19" stroke-linecap="round"></path>
+          <path d="M18,1 C20,3.56410256 21,6.8974359 21,11 C21,15.1025641 20,18.4358974 18,21" stroke-linecap="round"></path>
+          <polygon fill="#fff" fill-rule="evenodd" stroke-linejoin="round" points="10 3.5 6 7.30952381 1 7.30952381 1 15.6904762 6 15.6904762 10 19.5"></polygon>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>