@internetarchive/collection-browser 0.0.1-alpha.2 → 0.0.1-alpha.22

package/dist/src/sort-filter-bar/img/grid.js

@@ -0,0 +1,5 @@
+import { svg } from 'lit';
+export const gridIcon = svg `
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="m45 13h-45v60h45zm55 0h-45v32h45zm0 42h-45v32h45z"/></svg>
+`;
+//# sourceMappingURL=grid.js.map

package/dist/src/sort-filter-bar/img/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../../src/sort-filter-bar/img/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;CAE1B,CAAC","sourcesContent":["import { svg } from 'lit';\n\nexport const gridIcon = svg`\n<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m45 13h-45v60h45zm55 0h-45v32h45zm0 42h-45v32h45z\"/></svg>\n`;\n"]}

package/dist/src/sort-filter-bar/img/list.d.ts

@@ -0,0 +1 @@
+export declare const listIcon: import("lit-html").TemplateResult<2>;

package/dist/src/sort-filter-bar/img/list.js

@@ -0,0 +1,5 @@
+import { svg } from 'lit';
+export const listIcon = svg `
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="nonzero"><path d="m97.8975061 6h-65.7343743c-.6409315 0-1.1612995-.29021372-1.5611039-.87064117-.3998043-.58042745-.6004844-1.3048369-.60204-2.17322835 0-.81214848.20068-1.50731158.60204-2.08548931.4013601-.57817773.921728-.86839145 1.5611039-.87064117h65.7343743c.5600372 0 1.0508477.29021372 1.4724313.87064117s.6315976 1.27559055.6300505 2.08548931c0 .86839145-.2100226 1.5928009-.6300505 2.17322835-.420028.58042745-.9108384.87064117-1.4724313.87064117z"/><path d="m97.8975061 65h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 13h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z"/><path d="m97.8975061 72h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z"/><path d="m97.8975061 20h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z"/><path d="m97.8975061 79h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z"/><path d="m97.8975061 27h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z"/><path d="m97.8975061 86h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z"/><path d="m97.8975061 34h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z"/><path d="m97.8975061 93h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z"/><path d="m97.8975061 41h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z"/><path d="m97.8975061 100h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z"/><path d="m0 0h25v25h-25z"/><path d="m0 59h25v25h-25z"/></g></svg>
+`;
+//# sourceMappingURL=list.js.map

package/dist/src/sort-filter-bar/img/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../src/sort-filter-bar/img/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;CAE1B,CAAC","sourcesContent":["import { svg } from 'lit';\n\nexport const listIcon = svg`\n<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"#000\" fill-rule=\"nonzero\"><path d=\"m97.8975061 6h-65.7343743c-.6409315 0-1.1612995-.29021372-1.5611039-.87064117-.3998043-.58042745-.6004844-1.3048369-.60204-2.17322835 0-.81214848.20068-1.50731158.60204-2.08548931.4013601-.57817773.921728-.86839145 1.5611039-.87064117h65.7343743c.5600372 0 1.0508477.29021372 1.4724313.87064117s.6315976 1.27559055.6300505 2.08548931c0 .86839145-.2100226 1.5928009-.6300505 2.17322835-.420028.58042745-.9108384.87064117-1.4724313.87064117z\"/><path d=\"m97.8975061 65h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z\"/><path d=\"m97.8975061 13h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z\"/><path d=\"m97.8975061 72h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z\"/><path d=\"m97.8975061 20h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z\"/><path d=\"m97.8975061 79h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z\"/><path d=\"m97.8975061 27h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z\"/><path d=\"m97.8975061 86h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z\"/><path d=\"m97.8975061 34h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z\"/><path d=\"m97.8975061 93h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z\"/><path d=\"m97.8975061 41h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z\"/><path d=\"m97.8975061 100h-65.7343743c-.6409315 0-1.1612995-.0967379-1.5611039-.2902137-.3998043-.1934758-.6004844-.4349457-.60204-.7244095 0-.2707161.20068-.5024372.60204-.6951631.4013601-.1927259.921728-.2894638 1.5611039-.2902137h65.7343743c.5600372 0 1.0508477.0967379 1.4724313.2902137s.6315976.4251969.6300505.6951631c0 .2894638-.2100226.5309337-.6300505.7244095-.420028.1934758-.9108384.2902137-1.4724313.2902137z\"/><path d=\"m0 0h25v25h-25z\"/><path d=\"m0 59h25v25h-25z\"/></g></svg>\n`;\n"]}

package/dist/src/sort-filter-bar/img/sort-triangle.d.ts

@@ -0,0 +1 @@
+export declare const sortIcon: import("lit-html").TemplateResult<2>;

package/dist/src/sort-filter-bar/img/sort-triangle.js

@@ -0,0 +1,5 @@
+import { svg } from 'lit';
+export const sortIcon = svg `
+<svg viewBox="0 0 100 55" xmlns="http://www.w3.org/2000/svg"><path d="m50 0 50 55h-100z"/></svg>
+`;
+//# sourceMappingURL=sort-triangle.js.map

package/dist/src/sort-filter-bar/img/sort-triangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-triangle.js","sourceRoot":"","sources":["../../../../src/sort-filter-bar/img/sort-triangle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;CAE1B,CAAC","sourcesContent":["import { svg } from 'lit';\n\nexport const sortIcon = svg`\n<svg viewBox=\"0 0 100 55\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m50 0 50 55h-100z\"/></svg>\n`;\n"]}

package/dist/src/sort-filter-bar/img/tile.d.ts

@@ -0,0 +1 @@
+export declare const tileIcon: import("lit-html").TemplateResult<2>;

package/dist/src/sort-filter-bar/img/tile.js

@@ -0,0 +1,5 @@
+import { svg } from 'lit';
+export const tileIcon = svg `
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="m64 54v46h-28v-46zm36 0v46h-28v-46zm-72 0v46h-28v-46zm36-54v46h-28v-46zm36 0v46h-28v-46zm-72 0v46h-28v-46z"/></svg>
+`;
+//# sourceMappingURL=tile.js.map

package/dist/src/sort-filter-bar/img/tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile.js","sourceRoot":"","sources":["../../../../src/sort-filter-bar/img/tile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;CAE1B,CAAC","sourcesContent":["import { svg } from 'lit';\n\nexport const tileIcon = svg`\n<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m64 54v46h-28v-46zm36 0v46h-28v-46zm-72 0v46h-28v-46zm36-54v46h-28v-46zm36 0v46h-28v-46zm-72 0v46h-28v-46z\"/></svg>\n`;\n"]}

package/dist/src/sort-filter-bar/sort-filter-bar.d.ts

@@ -1,24 +1,78 @@
-import { LitElement, PropertyValues } from 'lit';
-import { CollectionDisplayMode } from '../models';
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import { SharedResizeObserverInterface, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
+import { CollectionDisplayMode, SortField } from '../models';
 import './alpha-bar';
-export declare class SortFilterBar extends LitElement {
-    displayMode: CollectionDisplayMode;
-    sortDirection: 'asc' | 'desc';
-    sortField: string;
+export declare class SortFilterBar extends LitElement implements SharedResizeObserverResizeHandlerInterface {
+    displayMode?: CollectionDisplayMode;
+    sortDirection: 'asc' | 'desc' | null;
+    selectedSort: SortField;
+    selectedTitleFilter: string | null;
+    selectedCreatorFilter: string | null;
+    showRelevance: boolean;
+    resizeObserver?: SharedResizeObserverInterface;
     titleSelectorVisible: boolean;
     creatorSelectorVisible: boolean;
     dateSortSelectorVisible: boolean;
-    render(): import("lit-html").TemplateResult<1>;
+    desktopSelectorBarWidth: number;
+    selectorBarContainerWidth: number;
+    private desktopSortSelector;
+    private sortSelectorContainer;
+    render(): TemplateResult<1>;
     updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    private disconnectResizeObserver;
+    private setupResizeObserver;
+    private get mobileSelectorVisible();
+    handleResize(entry: ResizeObserverEntry): void;
+    private get sortDirectionSelectorTemplate();
+    private get desktopSortSelectorTemplate();
+    /**
+     * This generates each of the sort option links.
+     *
+     * It manages the display value and the selected state of the option.
+     *
+     * @param sortField
+     * @param options {
+     *    additionalClickEvent?: () => void; If this is provided, it will also be called when the option is clicked.
+     *    displayName?: TemplateResult; The name to display for the option. Defaults to the sortField display name.
+     *    isSelected?: () => boolean; A function that returns true if the option is selected. Defaults to the selectedSort === sortField.
+     * }
+     * @returns
+     */
+    private getSortDisplayOption;
+    private get mobileSortSelectorTemplate();
+    private mobileSortChanged;
+    private get displayOptionTemplate();
     private get dateSortSelector();
+    private getDateSortButton;
+    private selectDateSort;
+    private setSortDirections;
+    private setSelectedSort;
+    /**
+     * There are four date sort options.
+     *
+     * This checks to see if the current sort is one of them.
+     *
+     * @readonly
+     * @private
+     * @type {boolean}
+     * @memberof SortFilterBar
+     */
+    private get dateOptionSelected();
+    /**
+     * The display name of the current date field
+     *
+     * @readonly
+     * @private
+     * @type {string}
+     * @memberof SortFilterBar
+     */
+    private get dateSortField();
     private get titleSelectorBar();
     private get creatorSelectorBar();
     private titleLetterChanged;
     private creatorLetterChanged;
-    private gridSelected;
-    private listSelected;
-    private detailSelected;
     private displayModeChanged;
-    private sortChanged;
+    private emitSortChangedEvent;
     static styles: import("lit").CSSResult;
 }