@internetarchive/collection-browser 0.4.9 → 0.4.10-alpha.1

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;
@@ -110,17 +110,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,58 +1,58 @@
-import { LitElement, PropertyValues } from 'lit';
-import type { SharedResizeObserverInterface, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
-import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
-import type { SortParam } from '@internetarchive/search-service';
-import type { TileDisplayMode, TileModel } from '../models';
-import './grid/collection-tile';
-import './grid/item-tile';
-import './grid/account-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 { HoverPaneProperties, HoverPaneProviderInterface } from './hover/hover-pane-controller';
-export declare class TileDispatcher extends LitElement implements SharedResizeObserverResizeHandlerInterface, HoverPaneProviderInterface {
-    tileDisplayMode?: TileDisplayMode;
-    model?: TileModel;
-    baseNavigationUrl?: string;
-    currentWidth?: number;
-    currentHeight?: number;
-    resizeObserver?: SharedResizeObserverInterface;
-    collectionNameCache?: CollectionNameCacheInterface;
-    sortParam: SortParam | null;
-    mobileBreakpoint?: number;
-    baseImageUrl?: string;
-    loggedIn: boolean;
-    /** Whether this tile should include a hover pane at all (for applicable tile modes) */
-    enableHoverPane: 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();
-    /**
-     * 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;
-    private tileInfoButtonPressed;
-    private get tile();
-    static get styles(): import("lit").CSSResult;
-}
+import { LitElement, PropertyValues } from 'lit';
+import type { SharedResizeObserverInterface, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
+import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
+import type { SortParam } from '@internetarchive/search-service';
+import type { TileDisplayMode, TileModel } from '../models';
+import './grid/collection-tile';
+import './grid/item-tile';
+import './grid/account-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 { HoverPaneProperties, HoverPaneProviderInterface } from './hover/hover-pane-controller';
+export declare class TileDispatcher extends LitElement implements SharedResizeObserverResizeHandlerInterface, HoverPaneProviderInterface {
+    tileDisplayMode?: TileDisplayMode;
+    model?: TileModel;
+    baseNavigationUrl?: string;
+    currentWidth?: number;
+    currentHeight?: number;
+    resizeObserver?: SharedResizeObserverInterface;
+    collectionNameCache?: CollectionNameCacheInterface;
+    sortParam: SortParam | null;
+    mobileBreakpoint?: number;
+    baseImageUrl?: string;
+    loggedIn: boolean;
+    /** Whether this tile should include a hover pane at all (for applicable tile modes) */
+    enableHoverPane: 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();
+    /**
+     * 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;
+    private tileInfoButtonPressed;
+    private get tile();
+    static get styles(): import("lit").CSSResult;
+}