@internetarchive/bookreader 5.0.0-70 → 5.0.0-70-a1

package/src/BookNavigator/volumes/volumes-provider.js

@@ -1,13 +1,12 @@
 import { html } from 'lit';
 
-import sortDescIcon from '../assets/icon_sort_desc.js';
-import sortAscIcon from '../assets/icon_sort_asc.js';
-import sortNeutralIcon from '../assets/icon_sort_neutral.js';
-import volumesIcon from '../assets/icon_volumes.js';
+import { viewableFilesIcon  } from '@internetarchive/ia-item-navigator';
+import '@internetarchive/ia-item-navigator';
 
-import './volumes.js';
-
-const sortType = {
+/**
+ * * @typedef { 'title_asc' | 'title_desc' | 'default'} SortTypesT
+ */
+const sortTypes = {
   title_asc: 'title_asc',
   title_desc: 'title_desc',
   default: 'default'
@@ -17,76 +16,61 @@ export default class VolumesProvider {
    * @param {import('../../BookReader').default} bookreader
    */
   constructor({ baseHost, bookreader, onProviderChange }) {
+    /** @type {import('../../BookReader').default} */
+    this.bookreader = bookreader;
     this.onProviderChange = onProviderChange;
-    this.component = document.createElement("viewable-files");
+    this.baseHost = baseHost;
 
     const files = bookreader.options.multipleBooksList.by_subprefix;
     this.viewableFiles = Object.keys(files).map(item => files[item]);
     this.volumeCount = Object.keys(files).length;
 
-    /** @type {import('../../BookReader').default} */
-    this.bookreader = bookreader;
-
-    this.component.subPrefix = bookreader.options.subPrefix || "";
-    this.component.hostUrl = baseHost;
-    this.component.viewableFiles = this.viewableFiles;
-
     this.id = "volumes";
     this.label = `Viewable files (${this.volumeCount})`;
-    this.icon = html`${volumesIcon}`;
+    this.icon = html`${viewableFilesIcon}`;
+    this.sortOrderBy = sortTypes.default;
 
-    this.sortOrderBy = sortType.default;
+    this.component = document.createElement("iaux-viewable-files");
+    this.component.addSortToUrl = true;
+    this.component.subPrefix = bookreader.options.subPrefix || "";
+    this.component.baseHost = baseHost;
+    this.component.fileList = [...this.viewableFiles];
+
+    this.sortFilesComponent = document.createElement("iaux-sort-viewable-files");
+    this.sortFilesComponent.fileListRaw = this.viewableFiles;
+    this.sortFilesComponent.addEventListener('fileListSorted', (e) => this.handleFileListSorted(e));
+    this.actionButton = this.sortFilesComponent;
 
     // get sort state from query param
     if (this.bookreader.urlPlugin) {
       this.bookreader.urlPlugin.pullFromAddressBar();
 
       const urlSortValue = this.bookreader.urlPlugin.getUrlParam('sort');
-      if (urlSortValue === sortType.title_asc || urlSortValue === sortType.title_desc) {
+      if (urlSortValue === sortTypes.title_asc || urlSortValue === sortTypes.title_desc) {
         this.sortOrderBy = urlSortValue;
       }
     }
-    this.sortVolumes(this.sortOrderBy);
-  }
 
-  get sortButton() {
-    const sortIcons = {
-      default: html`
-        <button class="sort-by neutral-icon" aria-label="Sort volumes in initial order" @click=${() => this.sortVolumes("title_asc")}>${sortNeutralIcon}</button>
-      `,
-      title_asc: html`
-        <button class="sort-by asc-icon" aria-label="Sort volumes in ascending order" @click=${() => this.sortVolumes("title_desc")}>${sortAscIcon}</button>
-      `,
-      title_desc: html`
-        <button class="sort-by desc-icon" aria-label="Sort volumes in descending order" @click=${() => this.sortVolumes("default")}>${sortDescIcon}</button>
-      `,
-    };
-
-    return sortIcons[this.sortOrderBy];
+    this.sortFilesComponent.sortVolumes(this.sortOrderBy);
+
+    this.onProviderChange(this.bookreader);
   }
 
-  /**
-   * @param {'default' | 'title_asc' | 'title_desc'} sortByType
-   */
-  sortVolumes(sortByType) {
-    let sortedFiles = [];
+  /** @param { SortTypesT } sortType */
+  async handleFileListSorted(event) {
+    const { sortType, sortedFiles } = event.detail;
 
-    const files = this.viewableFiles;
-    sortedFiles = files.sort((a, b) => {
-      if (sortByType === sortType.title_asc) return a.title.localeCompare(b.title);
-      else if (sortByType === sortType.title_desc) return b.title.localeCompare(a.title);
-      else return a.orig_sort - b.orig_sort;
-    });
+    this.viewableFiles = sortedFiles;
+    this.sortOrderBy = sortType;
 
-    this.sortOrderBy = sortByType;
-    this.component.sortOrderBy = sortByType;
-    this.component.viewableFiles  = [...sortedFiles];
-    this.actionButton = this.sortButton;
+    // update the component
+    this.component.fileList = [...this.viewableFiles];
+    await this.component.updateComplete;
 
     if (this.bookreader.urlPlugin) {
       this.bookreader.urlPlugin.pullFromAddressBar();
-      if (this.sortOrderBy !== sortType.default) {
-        this.bookreader.urlPlugin.setUrlParam('sort', sortByType);
+      if (this.sortOrderBy !== sortTypes.default) {
+        this.bookreader.urlPlugin.setUrlParam('sort', this.sortOrderBy);
       } else {
         this.bookreader.urlPlugin.removeUrlParam('sort');
       }
@@ -94,11 +78,11 @@ export default class VolumesProvider {
 
     this.onProviderChange(this.bookreader);
 
-    this.multipleFilesClicked(sortByType);
+    this.multipleFilesClicked(this.sortOrderBy);
   }
 
   /**
-   * @param {'default' | 'title_asc' | 'title_desc'} orderBy
+   * @param { SortTypesT } orderBy
    */
   multipleFilesClicked(orderBy) {
     window.archive_analytics?.send_event(

package/src/BookReader.js

@@ -1788,7 +1788,7 @@ BookReader.prototype.paramsFromFragment = function(fragment) {
   // Index and page
   if ('undefined' != typeof(urlHash['page'])) {
     // page was set -- may not be int
-    params.page = decodeURIComponent(urlHash['page']);
+    params.page = urlHash['page'];
   }
 
   // $$$ process /region
@@ -1820,10 +1820,11 @@ BookReader.prototype.paramsFromFragment = function(fragment) {
  * @return {string}
  */
 BookReader.prototype.fragmentFromParams = function(params, urlMode = 'hash') {
+  const separator = '/';
   const fragments = [];
 
   if ('undefined' != typeof(params.page)) {
-    fragments.push('page', encodeURIComponent(params.page));
+    fragments.push('page', params.page);
   } else {
     if ('undefined' != typeof(params.index)) {
       // Don't have page numbering but we do have the index
@@ -1849,10 +1850,10 @@ BookReader.prototype.fragmentFromParams = function(params, urlMode = 'hash') {
 
   // search
   if (params.search && urlMode === 'hash') {
-    fragments.push('search', utils.encodeURIComponentPlus(params.search));
+    fragments.push('search', params.search);
   }
 
-  return fragments.join('/');
+  return utils.encodeURIComponentPlus(fragments.join(separator)).replace(/%2F/g, '/');
 };
 
 /**

package/src/ia-bookreader/ia-bookreader.js

@@ -54,7 +54,7 @@ export class IaBookReader extends LitElement {
   }
 
   get itemNav() {
-    return this.shadowRoot.querySelector('ia-item-navigator');
+    return this.shadowRoot.querySelector('iaux-item-navigator');
   }
 
   /** Creates modal DOM & attaches to `<body>` */
@@ -111,7 +111,7 @@ export class IaBookReader extends LitElement {
   render() {
     return html`
       <div class="main-component">
-        <ia-item-navigator
+        <iaux-item-navigator
           ?viewportInFullscreen=${this.fullscreen}
           .basehost=${this.baseHost}
           .item=${this.item}
@@ -145,7 +145,7 @@ export class IaBookReader extends LitElement {
               </div>
             </book-navigator>
           </div>
-        </ia-item-navigator>
+        </iaux-item-navigator>
       </div>
     `;
   }
@@ -169,7 +169,7 @@ export class IaBookReader extends LitElement {
       }
 
       :host([fullscreen]),
-      ia-item-navigator[viewportinfullscreen] {
+      iaux-item-navigator[viewportinfullscreen] {
         position: fixed;
         inset: 0;
         height: 100%;
@@ -193,7 +193,7 @@ export class IaBookReader extends LitElement {
         flex: 1;
       }
 
-      ia-item-navigator {
+      iaux-item-navigator {
         min-height: var(--br-height, inherit);
         height: var(--br-height, inherit);
         display: block;

package/src/plugins/tts/AbstractTTSEngine.js

@@ -142,10 +142,6 @@ export default class AbstractTTSEngine {
     // MS Edge fires voices changed randomly very often
     this.events.off('voiceschanged', this.updateBestVoice);
     this.voice = this.getVoices().find(voice => voice.voiceURI === voiceURI);
-    // if the current book has a language set, store the selected voice with the book language as a suffix
-    if (this.opts.bookLanguage) {
-      localStorage.setItem(`BRtts-voice-${this.opts.bookLanguage}`, this.voice.voiceURI);
-    }
     if (this.activeSound) this.activeSound.setVoice(this.voice);
   }
 
@@ -225,12 +221,10 @@ export default class AbstractTTSEngine {
     // user languages that match the book language
     const matchingUserLangs = userLanguages.filter(lang => lang.startsWith(bookLanguage));
 
-    // First try to find the last chosen voice from localStorage for the current book language
-    return AbstractTTSEngine.getMatchingStoredVoice(bookLangVoices, bookLanguage)
-        // Try to find voices that intersect these two sets
-        || AbstractTTSEngine.getMatchingVoice(matchingUserLangs, bookLangVoices)
+    // Try to find voices that intersect these two sets
+    return AbstractTTSEngine.getMatchingVoice(matchingUserLangs, bookLangVoices) ||
         // no user languages match the books; let's return the best voice for the book language
-        || (bookLangVoices.find(v => v.default) || bookLangVoices[0])
+        (bookLangVoices.find(v => v.default) || bookLangVoices[0])
         // No voices match the book language? let's find a voice in the user's language
         // and ignore book lang
         || AbstractTTSEngine.getMatchingVoice(userLanguages, voices)
@@ -238,19 +232,6 @@ export default class AbstractTTSEngine {
         || (voices.find(v => v.default) || voices[0]);
   }
 
-  /**
-   * @private
-   * Get the voice last selected by the user for the book language from localStorage.
-   * Returns undefined if no voice is stored or found.
-   * @param {SpeechSynthesisVoice[]} voices  browser voices to choose from
-   * @param {ISO6391} bookLanguage  book language to look for
-   * @return {SpeechSynthesisVoice | undefined}
-   */
-  static getMatchingStoredVoice(voices, bookLanguage) {
-    const storedVoice = localStorage.getItem(`BRtts-voice-${bookLanguage}`);
-    return (storedVoice ? voices.find(v => v.voiceURI === storedVoice) : undefined);
-  }
-
   /**
      * @private
      * Get the best voice that matches one of the BCP47 languages (order by preference)

package/src/plugins/url/UrlPlugin.js

@@ -45,7 +45,7 @@ export class UrlPlugin {
 
     const strPathParams = this.urlSchema
       .filter(s => s.position == 'path')
-      .map(schema => pathParams[schema.name] ? `${schema.name}/${encodeURIComponent(pathParams[schema.name])}` : '')
+      .map(schema => pathParams[schema.name] ? `${schema.name}/${pathParams[schema.name]}` : '')
       .join('/');
 
     // replace consecutive slashes with a single slash + remove trailing slashes
@@ -83,13 +83,15 @@ export class UrlPlugin {
         const hasPropertyKey = doesKeyExists(urlStrSplitSlashObj, schema.name);
         const hasDeprecatedKey = doesKeyExists(schema, 'deprecated_for') && hasPropertyKey;
 
-        // Not in the URL
-        if (!hasPropertyKey && !hasDeprecatedKey) {
+        if (hasDeprecatedKey) {
+          urlState[schema.deprecated_for] = urlStrSplitSlashObj[schema.name];
           return;
         }
 
-        const urlStateParam = hasDeprecatedKey ? schema.deprecated_for : schema.name;
-        urlState[urlStateParam] = decodeURIComponent(urlStrSplitSlashObj[schema.name]);
+        if (hasPropertyKey) {
+          urlState[schema.name] = urlStrSplitSlashObj[schema.name];
+          return;
+        }
       });
 
     // Add searchParams to urlState

package/tests/e2e/models/Navigation.js

@@ -5,7 +5,7 @@ export default class Navigation {
   constructor() {
     this.topNavShell = new Selector('.BRtoolbar');
     this.bottomNavShell = new Selector('.BRfooter');
-    this.itemNav = Selector('ia-bookreader').shadowRoot().find('ia-item-navigator').shadowRoot();
+    this.itemNav = Selector('ia-bookreader').shadowRoot().find('iaux-item-navigator').shadowRoot();
 
     // flipping
     this.goLeft = this.bottomNavShell.find('.BRicon.book_left');

package/tests/jest/BookNavigator/sharing/sharing-provider.test.js

@@ -30,7 +30,7 @@ describe('Sharing Provider', () => {
     expect(provider.id).toEqual('share');
     expect(provider.icon).toBeDefined();
     expect(provider.label).toEqual('Share this book');
-    expect(fixtureSync(provider.component).tagName).toContain('IA-SHARING-OPTIONS');
+    expect(fixtureSync(provider.component).tagName).toContain('IAUX-SHARING-OPTIONS');
   });
 
   describe('Handles being a sub file/volume', () => {

package/tests/jest/BookNavigator/volumes/volumes-provider.test.js

@@ -1,9 +1,10 @@
-import { fixture, fixtureCleanup, fixtureSync } from '@open-wc/testing-helpers';
+import { fixtureCleanup, fixtureSync } from '@open-wc/testing-helpers';
 import sinon from 'sinon';
 import volumesProvider from '@/src/BookNavigator/volumes/volumes-provider';
 
 const brOptions = {
   "options": {
+    "subPrefix": 'special-subprefix',
     "enableMultipleBooks": true,
     "multipleBooksList": {
       "by_subprefix": {
@@ -39,8 +40,9 @@ afterEach(() => {
 });
 
 describe('Volumes Provider', () => {
-  test('constructor', () => {
+  test('initiating & sorting', () => {
     const onProviderChange = sinon.fake();
+
     const baseHost = "https://archive.org";
     const provider = new volumesProvider({
       baseHost,
@@ -55,130 +57,24 @@ describe('Volumes Provider', () => {
     expect(provider.id).toEqual('volumes');
     expect(provider.icon).toBeDefined();
     expect(fixtureSync(provider.icon).tagName).toEqual('svg');
+    expect(provider.sortOrderBy).toEqual('default');
+
     expect(provider.label).toEqual(`Viewable files (${volumeCount})`);
     expect(provider.viewableFiles).toBeDefined();
     expect(provider.viewableFiles.length).toEqual(3);
+    expect(provider.volumeCount).toEqual(3);
 
-    expect(provider.component.hostUrl).toBeDefined();
-    expect(provider.component.hostUrl).toEqual(baseHost);
-    expect(provider.component).toBeDefined();
-  });
-
-  test('sorting cycles - render sort actionButton', async () => {
-    const onProviderChange = sinon.fake();
-    const baseHost = "https://archive.org";
-    const provider = new volumesProvider({
-      baseHost,
-      bookreader: brOptions,
-      onProviderChange
-    });
-
-    expect(provider.sortOrderBy).toEqual("default");
-
-    provider.sortVolumes("title_asc");
-    expect(provider.sortOrderBy).toEqual("title_asc");
-    expect(fixtureSync(provider.sortButton).outerHTML).toContain("sort-by asc-icon");
-
-    provider.sortVolumes("title_desc");
-    expect(provider.sortOrderBy).toEqual("title_desc");
-    expect(fixtureSync(provider.sortButton).outerHTML).toContain("sort-by desc-icon");
-
-    provider.sortVolumes("default");
-    expect(provider.sortOrderBy).toEqual("default");
-    expect(fixtureSync(provider.sortButton).outerHTML).toContain("sort-by neutral-icon");
-  });
+    expect(provider.component.baseHost).toEqual(baseHost);
+    expect(provider.component.fileList).toEqual(provider.viewableFiles);
+    expect(provider.component.subPrefix).toEqual(brOptions.options.subPrefix);
 
-  test('sort volumes in initial order', async () => {
-    const onProviderChange = sinon.fake();
-    const baseHost = "https://archive.org";
-    const provider = new volumesProvider({
-      baseHost,
-      bookreader: brOptions,
-      onProviderChange
-    });
-
-    const parsedFiles = brOptions.options.multipleBooksList.by_subprefix;
-    const files = Object.keys(parsedFiles).map(item => parsedFiles[item]).sort((a, b) => a.orig_sort - b.orig_sort);
-    const origSortTitles = files.map(item => item.title);
-
-    provider.sortVolumes("default");
-
-    expect(provider.sortOrderBy).toEqual("default");
     expect(provider.actionButton).toBeDefined();
+    expect(provider.actionButton).toEqual(provider.sortFilesComponent);
+    expect(provider.actionButton.fileListRaw).toEqual(provider.viewableFiles);
 
-    const providerFileTitles = provider.viewableFiles.map(item => item.title);
-    // use `.eql` for "lose equality" in order to deeply compare values.
-    expect(providerFileTitles).toEqual([...origSortTitles]);
-  });
+    const callbackSpy = sinon.spy(provider, 'handleFileListSorted');
+    provider.actionButton.sortVolumes('title_asc');
 
-  test('sort volumes in ascending title order', async () => {
-    const onProviderChange = sinon.fake();
-    const baseHost = "https://archive.org";
-    const provider = new volumesProvider({
-      baseHost,
-      bookreader: brOptions,
-      onProviderChange
-    });
-
-    const parsedFiles = brOptions.options.multipleBooksList.by_subprefix;
-    const files = Object.keys(parsedFiles).map(item => parsedFiles[item]);
-    const ascendingTitles = files.map(item => item.title).sort((a, b) => a.localeCompare(b));
-
-    provider.sortVolumes("title_asc");
-
-    expect(provider.sortOrderBy).toEqual("title_asc");
-    expect(provider.actionButton).toBeDefined();
-
-    const providerFileTitles = provider.viewableFiles.map(item => item.title);
-    // use `.eql` for "lose equality" in order to deeply compare values.
-    expect(providerFileTitles).toEqual([...ascendingTitles]);
-  });
-
-  test('sort volumes in descending title order', async () => {
-    const onProviderChange = sinon.fake();
-    const baseHost = "https://archive.org";
-    const provider = new volumesProvider({
-      baseHost,
-      bookreader: brOptions,
-      onProviderChange
-    });
-    provider.isSortAscending = false;
-
-    const parsedFiles = brOptions.options.multipleBooksList.by_subprefix;
-    const files = Object.keys(parsedFiles).map(item => parsedFiles[item]);
-    const descendingTitles = files.map(item => item.title).sort((a, b) => b.localeCompare(a));
-
-    provider.sortVolumes("title_desc");
-
-    expect(provider.sortOrderBy).toEqual("title_desc");
-    expect(provider.actionButton).toBeDefined();
-
-    const providerFileTitles = provider.viewableFiles.map(item => item.title);
-    // use `.eql` for "lose equality" in order to deeply compare values.
-    expect(providerFileTitles).toEqual([...descendingTitles]);
-  });
-
-  describe('Sorting icons', () => {
-    test('has 3 icons', async () => {
-      const onProviderChange = sinon.fake();
-      const baseHost = "https://archive.org";
-      const provider = new volumesProvider({
-        baseHost,
-        bookreader: brOptions,
-        onProviderChange
-      });
-      provider.sortOrderBy = 'default';
-
-      const origSortButton = await fixture(provider.sortButton);
-      expect(origSortButton.classList.contains('neutral-icon')).toBeTruthy();
-
-      provider.sortOrderBy = 'title_asc';
-      const ascButton = await fixture(provider.sortButton);
-      expect(ascButton.classList.contains('asc-icon')).toBeTruthy();
-
-      provider.sortOrderBy = 'title_desc';
-      const descButton = await fixture(provider.sortButton);
-      expect(descButton.classList.contains('desc-icon')).toBeTruthy();
-    });
+    expect(callbackSpy.callCount).toEqual(1);
   });
 });

package/tests/jest/plugins/tts/AbstractTTSEngine.test.js

@@ -111,26 +111,6 @@ for (const dummyVoice of [dummyVoiceHyphens, dummyVoiceUnderscores]) {
 
       expect(getBestBookVoice(voices, 'en', ['en-CA', 'en'])).toBe(voices[0]);
     });
-
-    test('choose stored language from localStorage', () => {
-      const voices = [
-        dummyVoice({lang: "en-US", voiceURI: "English US", default: true}),
-        dummyVoice({lang: "en-GB", voiceURI: "English GB"}),
-        dummyVoice({lang: "en-CA", voiceURI: "English CA"}),
-      ];
-      class DummyEngine extends AbstractTTSEngine {
-        getVoices() { return voices; }
-      }
-      const ttsEngine = new DummyEngine({...DUMMY_TTS_ENGINE_OPTS, bookLanguage: 'en'});
-      // simulates setting default voice on tts startup
-      ttsEngine.updateBestVoice();
-      // simulates user choosing a voice that matches the bookLanguage
-      // voice will be stored in localStorage
-      ttsEngine.setVoice(voices[2].voiceURI);
-
-      // expecting the voice to be selected by getMatchingStoredVoice and returned as best voice
-      expect(getBestBookVoice(voices, 'en', [])).toBe(voices[2]);
-    });
   });
 }
 

package/tests/jest/plugins/url/UrlPlugin.test.js

@@ -19,10 +19,6 @@ describe('UrlPlugin tests', () => {
       expect(urlPlugin.urlStateToUrlString(urlStateWithQueries)).toBe(expectedUrlFromStateWithQueries);
     });
 
-    test('encodes page number', () => {
-      expect(urlPlugin.urlStateToUrlString({ page: '12/46' })).toBe(`page/12%2F46`);
-    });
-
     test('urlStateToUrlString with unknown states in schema', () => {
       const urlState = { page: 'n7', mode: '1up' };
       const urlStateWithQueries = { page: 'n7', mode: '1up', q: 'hello', viewer: 'theater', sortBy: 'title_asc' };
@@ -51,10 +47,6 @@ describe('UrlPlugin tests', () => {
       expect(urlPlugin.urlStringToUrlState(url1)).toEqual({page: 'n7', mode: '1up'});
     });
 
-    test('decodes page number', () => {
-      expect(urlPlugin.urlStringToUrlState('/page/12%2F46')).toStrictEqual({ page: '12/46' });
-    });
-
     test('urlStringToUrlState with deprecated_for', () => {
       const url = '/page/n7/mode/2up/search/hello';
 

package/src/BookNavigator/assets/icon_sort_asc.js

@@ -1,5 +0,0 @@
-import { html } from 'lit';
-
-export default html`
-<svg name="sort-asc" height="18" viewBox="0 0 18 18" width="18" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="m2.32514544 8.30769231.7756949-2.08468003h2.92824822l.75630252 2.08468003h1.01809955l-2.70523594-6.92307693h-1.01809955l-2.69553976 6.92307693zm3.41305753-2.86037492h-2.34647705l1.17323853-3.22883h.01939237z" fill="#fff" fill-rule="nonzero"/><path d="m7.1689722 16.6153846v-.7756949h-4.4117647l4.29541047-5.3716871v-.77569491h-5.06140918v.77569491h3.97543633l-4.30510666 5.3716871v.7756949z" fill="#fff" fill-rule="nonzero"/><path d="m10.3846154 11.0769231 2.7692308 5.5384615 2.7692307-5.5384615m-2.7692307 4.1538461v-13.15384612" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.661538" transform="matrix(1 0 0 -1 0 18.692308)"/></g></svg>
-`;

package/src/BookNavigator/assets/icon_sort_desc.js

@@ -1,5 +0,0 @@
-import { html } from 'lit';
-
-export default html`
-<svg name="sort-desc" height="18" viewBox="0 0 18 18" width="18" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="m2.32514544 8.30769231.7756949-2.08468003h2.92824822l.75630252 2.08468003h1.01809955l-2.70523594-6.92307693h-1.01809955l-2.69553976 6.92307693zm3.41305753-2.86037492h-2.34647705l1.17323853-3.22883h.01939237z" fill="#fff" fill-rule="nonzero"/><path d="m7.1689722 16.6153846v-.7756949h-4.4117647l4.29541047-5.3716871v-.77569491h-5.06140918v.77569491h3.97543633l-4.30510666 5.3716871v.7756949z" fill="#fff" fill-rule="nonzero"/><path d="m10.3846154 11.0769231 2.7692308 5.5384615 2.7692307-5.5384615m-2.7692307 4.1538461v-13.15384612" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.661538"/></g></svg>
-`;

package/src/BookNavigator/assets/icon_sort_neutral.js

@@ -1,5 +0,0 @@
-import { html } from 'lit';
-
-export default html`
-<svg name="sort-neutral" height="18" viewBox="0 0 18 18" width="18" xmlns="http://www.w3.org/2000/svg"><g fill="#fff" fill-rule="evenodd"><path d="m2.32514544 8.30769231.7756949-2.08468003h2.92824822l.75630252 2.08468003h1.01809955l-2.70523594-6.92307693h-1.01809955l-2.69553976 6.92307693zm3.41305753-2.86037492h-2.34647705l1.17323853-3.22883h.01939237z" fill-rule="nonzero"/><path d="m7.1689722 16.6153846v-.7756949h-4.4117647l4.29541047-5.3716871v-.77569491h-5.06140918v.77569491h3.97543633l-4.30510666 5.3716871v.7756949z" fill-rule="nonzero"/><circle cx="13" cy="9" r="2"/></g></svg>
-`;

package/src/BookNavigator/assets/icon_volumes.js

@@ -1,11 +0,0 @@
-import { html } from 'lit';
-
-export default html`
-  <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="volumesTitleID volumesDescID">
-    <title id="volumesTitleID">Volumes icon</title>
-    <desc id="volumesDescID">Three books stacked on each other</desc>
-    <g fill="#ffffff">
-      <path fill="#ffffff" d="m9.83536396 0h10.07241114c.1725502.47117517.3378411.76385809.4958725.87804878.1295523.11419069.3199719.1998337.5712586.25692905.2512868.05709534.4704647.08564301.6575337.08564301h.2806036v15.24362526h-4.3355343v3.8106985h-4.44275v3.7250554h-12.01318261c-.27306495 0-.50313194-.085643-.69020098-.256929-.18706903-.1712861-.30936193-.3425721-.36687867-.5138581l-.06449694-.2785477v-14.2159091c0-.32815965.08627512-.5922949.25882537-.79240577.17255024-.20011086.34510049-.32150776.51765073-.36419068l.25882537-.0640244h3.36472977v-2.54767184c0-.31374722.08627513-.57067627.25882537-.77078714.17255025-.20011086.34510049-.32150776.51765074-.36419068l.25882536-.06402439h3.36472978v-2.56929047c0-.32815964.08627512-.5922949.25882537-.79240576.17255024-.20011087.34510049-.31430156.51765073-.34257207zm10.78355264 15.6294346v-13.53076498c-.2730649-.08536585-.4456152-.16380266-.5176507-.23531042-.1725502-.1424612-.2730649-.27078714-.3015441-.38497783v13.36031043h-9.87808272c0 .0144124-.02149898.0144124-.06449694 0-.04299795-.0144124-.08962561.006929-.13988296.0640244-.05025735.0570953-.07538603.1427383-.07538603.256929s.02149898.210643.06449694.289357c.04299795.078714.08599591.1322062.12899387.1604767l.06449693.0216187h10.71905571zm-10.2449613-2.4412417h7.98003v-11.60421286h-7.98003zm1.6827837-9.41990022h4.6153002c.1725502 0 .3199718.05349224.4422647.16047672s.1834393.23891353.1834393.39578714c0 .15687362-.0611464.28519956-.1834393.38497783s-.2697145.1496674-.4422647.1496674h-4.6153002c-.1725503 0-.3199719-.04988913-.4422647-.1496674-.1222929-.09977827-.1834394-.22810421-.1834394-.38497783 0-.15687361.0611465-.28880266.1834394-.39578714.1222928-.10698448.2697144-.16047672.4422647-.16047672zm-6.08197737 13.50997782h7.72120467v-.8131929h-3.79610541c-.27306495 0-.49950224-.085643-.67931188-.256929-.17980964-.1712861-.29847284-.3425721-.35598958-.5138581l-.06449694-.2785477v-10.02023282h-2.82530086zm6.77217827-11.36890243h3.2139578c.1295522 0 .240956.05709534.3342113.17128603.0932554.11419069.139883.24972284.139883.40659645 0 .15687362-.0466276.28880267-.139883.39578714-.0932553.10698448-.2046591.16047672-.3342113.16047672h-3.2139578c-.1295523 0-.2373264-.05349224-.3233223-.16047672-.0859959-.10698447-.1289938-.23891352-.1289938-.39578714 0-.15687361.0429979-.29240576.1289938-.40659645s.19377-.17128603.3233223-.17128603zm-11.15043132 15.11557653h7.69942646v-.7491685h-3.79610539c-.25854616 0-.48135376-.0892462-.66842279-.2677384-.18706904-.1784922-.30936193-.3605876-.36687868-.546286l-.06449694-.2569291v-10.04101994h-2.80352266zm14.62237682-4.5606985h-.8191949v2.1410754h-9.89986085s-.04299796.0285477-.12899387.085643c-.08599592.0570954-.12201369.1427384-.10805331.2569291 0 .1141907.01786928.210643.05360784.289357.03573856.0787139.07538603.125.1189424.138858l.06449694.0432373h10.71905575v-2.9542683zm-4.3991936 3.8106985h-.8191949v2.077051h-9.8563045c0 .0144124-.02149898.0144124-.06449694 0-.04299795-.0144125-.08962561.0105321-.13988296.0748337-.05025735.0643015-.07538603.1607538-.07538603.289357 0 .1141906.02149898.2070399.06449694.2785476.04299795.0715078.08599591.1141907.12899387.1280488l.06449693.0216186h10.69811519v-2.8686252z" />
-    </g>
-  </svg>
-`;