@internetarchive/collection-browser 2.1.8-alpha.4 → 2.1.8-alpha1

package/dist/src/tiles/text-snippet-block.d.ts

@@ -1,27 +1,27 @@
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-export declare class TextSnippetBlock extends LitElement {
-    snippets?: string[];
-    viewSize: string;
-    render(): TemplateResult<1>;
-    /**
-     * An array of HTML templates derived from the snippets, with ellipses inserted
-     * at the beginning, end, and between each pair of snippets.
-     */
-    private get ellipsisJoinedSnippets();
-    /**
-     * Returns an array of HTML span templates containing this item's snippets with all of
-     * their `{{{triple-brace-delimited}}}` matches replaced by `<mark>HTML mark tags</mark>`.
-     *
-     * This approach safely avoids the use of `unsafeHTML` and leaves any existing HTML tags
-     * in the snippets intact (as inert text), rather than stripping them away with DOMPurify.
-     *
-     * Note on `<em>` vs. `<mark>`:
-     * The old search page snippets had search keywords demarcated with `<em>` tags.
-     * The `<mark>` tag is semantically more accurate for this use case than `<em>`,
-     * but screen-reader behavior may be different. `<em>` will likely be read in a
-     * different tone, while `<mark>` is often read no differently than ordinary text
-     * in many screen-readers (though there are ways to work around this if needed).
-     */
-    private get snippetTemplates();
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+export declare class TextSnippetBlock extends LitElement {
+    snippets?: string[];
+    viewSize: string;
+    render(): TemplateResult<1>;
+    /**
+     * An array of HTML templates derived from the snippets, with ellipses inserted
+     * at the beginning, end, and between each pair of snippets.
+     */
+    private get ellipsisJoinedSnippets();
+    /**
+     * Returns an array of HTML span templates containing this item's snippets with all of
+     * their `{{{triple-brace-delimited}}}` matches replaced by `<mark>HTML mark tags</mark>`.
+     *
+     * This approach safely avoids the use of `unsafeHTML` and leaves any existing HTML tags
+     * in the snippets intact (as inert text), rather than stripping them away with DOMPurify.
+     *
+     * Note on `<em>` vs. `<mark>`:
+     * The old search page snippets had search keywords demarcated with `<em>` tags.
+     * The `<mark>` tag is semantically more accurate for this use case than `<em>`,
+     * but screen-reader behavior may be different. `<em>` will likely be read in a
+     * different tone, while `<mark>` is often read no differently than ordinary text
+     * in many screen-readers (though there are ways to work around this if needed).
+     */
+    private get snippetTemplates();
+    static get styles(): CSSResultGroup;
+}

package/dist/src/tiles/text-snippet-block.js

@@ -1,74 +1,74 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { join } from 'lit/directives/join.js';
-let TextSnippetBlock = class TextSnippetBlock extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.snippets = [];
-        this.viewSize = 'desktop';
-    }
-    render() {
-        var _a;
-        if (!((_a = this.snippets) === null || _a === void 0 ? void 0 : _a.length))
-            return html `${nothing}`;
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { join } from 'lit/directives/join.js';
+let TextSnippetBlock = class TextSnippetBlock extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.snippets = [];
+        this.viewSize = 'desktop';
+    }
+    render() {
+        var _a;
+        if (!((_a = this.snippets) === null || _a === void 0 ? void 0 : _a.length))
+            return html `${nothing}`;
         return html `
       <div class="container">
         <div class="snippet-view ${this.viewSize}">
           ${this.ellipsisJoinedSnippets}
         </div>
       </div>
-    `;
-    }
-    /**
-     * An array of HTML templates derived from the snippets, with ellipses inserted
-     * at the beginning, end, and between each pair of snippets.
-     */
-    get ellipsisJoinedSnippets() {
+    `;
+    }
+    /**
+     * An array of HTML templates derived from the snippets, with ellipses inserted
+     * at the beginning, end, and between each pair of snippets.
+     */
+    get ellipsisJoinedSnippets() {
         return html `
       &hellip; ${join(this.snippetTemplates, html ` &hellip; `)} &hellip;
-    `;
-    }
-    /**
-     * Returns an array of HTML span templates containing this item's snippets with all of
-     * their `{{{triple-brace-delimited}}}` matches replaced by `<mark>HTML mark tags</mark>`.
-     *
-     * This approach safely avoids the use of `unsafeHTML` and leaves any existing HTML tags
-     * in the snippets intact (as inert text), rather than stripping them away with DOMPurify.
-     *
-     * Note on `<em>` vs. `<mark>`:
-     * The old search page snippets had search keywords demarcated with `<em>` tags.
-     * The `<mark>` tag is semantically more accurate for this use case than `<em>`,
-     * but screen-reader behavior may be different. `<em>` will likely be read in a
-     * different tone, while `<mark>` is often read no differently than ordinary text
-     * in many screen-readers (though there are ways to work around this if needed).
-     */
-    get snippetTemplates() {
-        var _a;
-        return (_a = this.snippets) === null || _a === void 0 ? void 0 : _a.map(s => {
-            const matches = s.matchAll(/{{{(.+?)}}}/gs);
-            const templates = [];
-            // Convert each match into an HTML template that includes:
-            //  - Everything from the end of the previous match (or the beginning of the
-            //      string) up to the current match, as raw text.
-            //  - The current match (excluding the curly braces) wrapped in a `<mark>` tag.
-            let index = 0;
-            for (const match of matches) {
-                if (match.index != null) {
+    `;
+    }
+    /**
+     * Returns an array of HTML span templates containing this item's snippets with all of
+     * their `{{{triple-brace-delimited}}}` matches replaced by `<mark>HTML mark tags</mark>`.
+     *
+     * This approach safely avoids the use of `unsafeHTML` and leaves any existing HTML tags
+     * in the snippets intact (as inert text), rather than stripping them away with DOMPurify.
+     *
+     * Note on `<em>` vs. `<mark>`:
+     * The old search page snippets had search keywords demarcated with `<em>` tags.
+     * The `<mark>` tag is semantically more accurate for this use case than `<em>`,
+     * but screen-reader behavior may be different. `<em>` will likely be read in a
+     * different tone, while `<mark>` is often read no differently than ordinary text
+     * in many screen-readers (though there are ways to work around this if needed).
+     */
+    get snippetTemplates() {
+        var _a;
+        return (_a = this.snippets) === null || _a === void 0 ? void 0 : _a.map(s => {
+            const matches = s.matchAll(/{{{(.+?)}}}/gs);
+            const templates = [];
+            // Convert each match into an HTML template that includes:
+            //  - Everything from the end of the previous match (or the beginning of the
+            //      string) up to the current match, as raw text.
+            //  - The current match (excluding the curly braces) wrapped in a `<mark>` tag.
+            let index = 0;
+            for (const match of matches) {
+                if (match.index != null) {
                     templates.push(html `
             ${s.slice(index, match.index)}
             <mark>${match[1]}</mark>
-          `);
-                    index = match.index + match[0].length;
-                }
-            }
-            // Include any text from the last match to the end
-            templates.push(html `${s.slice(index)}`);
-            // Squash everything into a single span template
-            return html `<span>${templates}</span>`;
-        });
-    }
-    static get styles() {
+          `);
+                    index = match.index + match[0].length;
+                }
+            }
+            // Include any text from the last match to the end
+            templates.push(html `${s.slice(index)}`);
+            // Squash everything into a single span template
+            return html `<span>${templates}</span>`;
+        });
+    }
+    static get styles() {
         return css `
       .container {
         display: flex;
@@ -116,17 +116,17 @@ let TextSnippetBlock = class TextSnippetBlock extends LitElement {
         background-color: #0000ff33;
         color: inherit;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: Array })
-], TextSnippetBlock.prototype, "snippets", void 0);
-__decorate([
-    property({ type: String })
-], TextSnippetBlock.prototype, "viewSize", void 0);
-TextSnippetBlock = __decorate([
-    customElement('text-snippet-block')
-], TextSnippetBlock);
-export { TextSnippetBlock };
+    `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], TextSnippetBlock.prototype, "snippets", void 0);
+__decorate([
+    property({ type: String })
+], TextSnippetBlock.prototype, "viewSize", void 0);
+TextSnippetBlock = __decorate([
+    customElement('text-snippet-block')
+], TextSnippetBlock);
+export { TextSnippetBlock };
 //# sourceMappingURL=text-snippet-block.js.map

package/dist/src/tiles/tile-dispatcher.d.ts

@@ -1,64 +1,65 @@
-import { PropertyValues } from 'lit';
-import type { SharedResizeObserverInterface, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
-import type { TileDisplayMode } from '../models';
-import type { CollectionTitles } from '../data-source/models';
-import './grid/collection-tile';
-import './grid/item-tile';
-import './grid/account-tile';
-import './grid/search-tile';
-import './hover/tile-hover-pane';
-import './list/tile-list';
-import './list/tile-list-compact';
-import './list/tile-list-compact-header';
-import type { TileHoverPane } from './hover/tile-hover-pane';
-import { BaseTileComponent } from './base-tile-component';
-import { HoverPaneProperties, HoverPaneProviderInterface } from './hover/hover-pane-controller';
-export declare class TileDispatcher extends BaseTileComponent implements SharedResizeObserverResizeHandlerInterface, HoverPaneProviderInterface {
-    tileDisplayMode?: TileDisplayMode;
-    isManageView: boolean;
-    resizeObserver?: SharedResizeObserverInterface;
-    collectionTitles?: CollectionTitles;
-    /** Whether this tile should include a hover pane at all (for applicable tile modes) */
-    enableHoverPane: boolean;
-    manageCheckTitle: string;
-    private hoverPaneController?;
-    private container;
-    private hoverPane?;
-    /** Maps each display mode to whether hover panes should appear in that mode */
-    private static readonly HOVER_PANE_DISPLAY_MODES;
-    render(): import("lit-html").TemplateResult<1>;
-    protected firstUpdated(): void;
-    private get headerTemplate();
-    private get tileTemplate();
-    private get linkTileTemplate();
-    private get linkTileHref();
-    private get manageCheckTemplate();
-    /**
-     * Whether hover pane behavior should be prepared for this tile
-     * (e.g., whether mouse listeners should be attached, etc.)
-     */
-    private get shouldPrepareHoverPane();
-    private get isHoverEnabled();
-    /** @inheritdoc */
-    getHoverPane(): TileHoverPane | undefined;
-    /** @inheritdoc */
-    getHoverPaneProps(): HoverPaneProperties;
-    handleResize(entry: ResizeObserverEntry): void;
-    disconnectedCallback(): void;
-    private stopResizeObservation;
-    private startResizeObservation;
-    updated(props: PropertyValues): void;
-    /**
-     * Handler for when the tile link is left-clicked. Emits the `resultSelected` event.
-     * In manage view, it also checks/unchecks the tile.
-     */
-    private handleLinkClicked;
-    /**
-     * Handler for when the tile link is right-clicked.
-     * In manage view, it opens the item in a new tab. Otherwise, does nothing.
-     */
-    private handleLinkContextMenu;
-    private tileInfoButtonPressed;
-    private get tile();
-    static get styles(): import("lit").CSSResult;
-}
+import { PropertyValues } from 'lit';
+import type { SharedResizeObserverInterface, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
+import type { TileDisplayMode } from '../models';
+import type { CollectionTitles } from '../data-source/models';
+import './grid/collection-tile';
+import './grid/item-tile';
+import './grid/account-tile';
+import './grid/search-tile';
+import './hover/tile-hover-pane';
+import './list/tile-list';
+import './list/tile-list-compact';
+import './list/tile-list-compact-header';
+import type { TileHoverPane } from './hover/tile-hover-pane';
+import { BaseTileComponent } from './base-tile-component';
+import { HoverPaneProperties, HoverPaneProviderInterface } from './hover/hover-pane-controller';
+export declare class TileDispatcher extends BaseTileComponent implements SharedResizeObserverResizeHandlerInterface, HoverPaneProviderInterface {
+    tileDisplayMode?: TileDisplayMode;
+    isManageView: boolean;
+    resizeObserver?: SharedResizeObserverInterface;
+    collectionTitles?: CollectionTitles;
+    /** Whether this tile should include a hover pane at all (for applicable tile modes) */
+    enableHoverPane: boolean;
+    manageCheckTitle: string;
+    isSearchLoading: boolean;
+    private hoverPaneController?;
+    private container;
+    private hoverPane?;
+    /** Maps each display mode to whether hover panes should appear in that mode */
+    private static readonly HOVER_PANE_DISPLAY_MODES;
+    render(): import("lit-html").TemplateResult<1>;
+    protected firstUpdated(): void;
+    private get headerTemplate();
+    private get tileTemplate();
+    private get linkTileTemplate();
+    private get linkTileHref();
+    private get manageCheckTemplate();
+    /**
+     * Whether hover pane behavior should be prepared for this tile
+     * (e.g., whether mouse listeners should be attached, etc.)
+     */
+    private get shouldPrepareHoverPane();
+    private get isHoverEnabled();
+    /** @inheritdoc */
+    getHoverPane(): TileHoverPane | undefined;
+    /** @inheritdoc */
+    getHoverPaneProps(): HoverPaneProperties;
+    handleResize(entry: ResizeObserverEntry): void;
+    disconnectedCallback(): void;
+    private stopResizeObservation;
+    private startResizeObservation;
+    updated(props: PropertyValues): void;
+    /**
+     * Handler for when the tile link is left-clicked. Emits the `resultSelected` event.
+     * In manage view, it also checks/unchecks the tile.
+     */
+    private handleLinkClicked;
+    /**
+     * Handler for when the tile link is right-clicked.
+     * In manage view, it opens the item in a new tab. Otherwise, does nothing.
+     */
+    private handleLinkContextMenu;
+    private tileInfoButtonPressed;
+    private get tile();
+    static get styles(): import("lit").CSSResult;
+}