@internetarchive/collection-browser 0.3.0 → 0.3.1-alpha.1

package/dist/src/collection-facets/facets-template.js

@@ -1,106 +1,106 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { repeat } from 'lit/directives/repeat.js';
-import eyeIcon from '../assets/img/icons/eye';
-import eyeClosedIcon from '../assets/img/icons/eye-closed';
-import { defaultSelectedFacets, } from '../models';
-let FacetsTemplate = class FacetsTemplate extends LitElement {
-    facetClicked(e, count, negative) {
-        const target = e.target;
-        const { checked, name, value } = target;
-        if (checked) {
-            this.facetChecked(name, value, count, negative);
-        }
-        else {
-            this.facetUnchecked(name, value);
-        }
-    }
-    facetChecked(key, value, count, negative) {
-        const { selectedFacets } = this;
-        let newFacets;
-        if (selectedFacets) {
-            newFacets = {
-                ...selectedFacets,
-            };
-        }
-        else {
-            newFacets = defaultSelectedFacets;
-        }
-        newFacets[key][value] = {
-            state: negative ? 'hidden' : 'selected',
-            count,
-        };
-        this.selectedFacets = newFacets;
-        this.dispatchSelectedFacetsChanged();
-    }
-    facetUnchecked(key, value) {
-        const { selectedFacets } = this;
-        let newFacets;
-        if (selectedFacets) {
-            newFacets = {
-                ...selectedFacets,
-            };
-        }
-        else {
-            newFacets = defaultSelectedFacets;
-        }
-        delete newFacets[key][value];
-        this.selectedFacets = newFacets;
-        this.dispatchSelectedFacetsChanged();
-    }
-    dispatchSelectedFacetsChanged() {
-        const event = new CustomEvent('selectedFacetsChanged', {
-            detail: this.selectedFacets,
-            bubbles: true,
-            composed: true,
-        });
-        this.dispatchEvent(event);
-    }
-    getFacetsTemplate(facetGroup) {
-        let facetsBucket = facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.buckets;
-        /**
-         * sorting FacetBucket before render page / modal
-         * - first, selected items should be at top having sorted
-         * - second, suppressed/hidden items should be after selected having sorted
-         * - and then no-selected / not suppressed items should render having sorted
-         */
-        facetsBucket = [
-            ...facetsBucket
-                .filter(x => x.state === 'selected')
-                .sort((a, b) => (a.count < b.count ? 1 : -1)),
-            ...facetsBucket
-                .filter(x => x.state === 'hidden')
-                .sort((a, b) => (a.count < b.count ? 1 : -1)),
-            ...facetsBucket.filter(x => x.state === 'none'),
-        ];
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import eyeIcon from '../assets/img/icons/eye';
+import eyeClosedIcon from '../assets/img/icons/eye-closed';
+import { defaultSelectedFacets, } from '../models';
+let FacetsTemplate = class FacetsTemplate extends LitElement {
+    facetClicked(e, count, negative) {
+        const target = e.target;
+        const { checked, name, value } = target;
+        if (checked) {
+            this.facetChecked(name, value, count, negative);
+        }
+        else {
+            this.facetUnchecked(name, value);
+        }
+    }
+    facetChecked(key, value, count, negative) {
+        const { selectedFacets } = this;
+        let newFacets;
+        if (selectedFacets) {
+            newFacets = {
+                ...selectedFacets,
+            };
+        }
+        else {
+            newFacets = defaultSelectedFacets;
+        }
+        newFacets[key][value] = {
+            state: negative ? 'hidden' : 'selected',
+            count,
+        };
+        this.selectedFacets = newFacets;
+        this.dispatchSelectedFacetsChanged();
+    }
+    facetUnchecked(key, value) {
+        const { selectedFacets } = this;
+        let newFacets;
+        if (selectedFacets) {
+            newFacets = {
+                ...selectedFacets,
+            };
+        }
+        else {
+            newFacets = defaultSelectedFacets;
+        }
+        delete newFacets[key][value];
+        this.selectedFacets = newFacets;
+        this.dispatchSelectedFacetsChanged();
+    }
+    dispatchSelectedFacetsChanged() {
+        const event = new CustomEvent('selectedFacetsChanged', {
+            detail: this.selectedFacets,
+            bubbles: true,
+            composed: true,
+        });
+        this.dispatchEvent(event);
+    }
+    getFacetsTemplate(facetGroup) {
+        let facetsBucket = facetGroup === null || facetGroup === void 0 ? void 0 : facetGroup.buckets;
+        /**
+         * sorting FacetBucket before render page / modal
+         * - first, selected items should be at top having sorted
+         * - second, suppressed/hidden items should be after selected having sorted
+         * - and then no-selected / not suppressed items should render having sorted
+         */
+        facetsBucket = [
+            ...facetsBucket
+                .filter(x => x.state === 'selected')
+                .sort((a, b) => (a.count < b.count ? 1 : -1)),
+            ...facetsBucket
+                .filter(x => x.state === 'hidden')
+                .sort((a, b) => (a.count < b.count ? 1 : -1)),
+            ...facetsBucket.filter(x => x.state === 'none'),
+        ];
         return html `
       <div class="facets-on-${this.renderOn}">
-        ${repeat(facetsBucket, bucket => `${facetGroup.key}:${bucket.key}`, bucket => {
-            var _a, _b;
-            const showOnlyCheckboxId = `${facetGroup.key}:${bucket.key}-show-only`;
-            const negativeCheckboxId = `${facetGroup.key}:${bucket.key}-negative`;
-            // for collections, we need to asynchronously load the collection name
-            // so we use the `async-collection-name` widget and for the rest, we have
-            // a static value to use
-            const bucketTextDisplay = facetGroup.key !== 'collection'
-                ? html `${(_a = bucket.displayText) !== null && _a !== void 0 ? _a : bucket.key}`
+        ${repeat(facetsBucket, bucket => `${facetGroup.key}:${bucket.key}`, bucket => {
+            var _a, _b;
+            const showOnlyCheckboxId = `${facetGroup.key}:${bucket.key}-show-only`;
+            const negativeCheckboxId = `${facetGroup.key}:${bucket.key}-negative`;
+            // for collections, we need to asynchronously load the collection name
+            // so we use the `async-collection-name` widget and for the rest, we have
+            // a static value to use
+            const bucketTextDisplay = facetGroup.key !== 'collection'
+                ? html `${(_a = bucket.displayText) !== null && _a !== void 0 ? _a : bucket.key}`
                 : html `<a href="/details/${bucket.key}">
                     <async-collection-name
                       .collectionNameCache=${this.collectionNameCache}
                       .identifier=${bucket.key}
                       placeholder="-"
                     ></async-collection-name>
-                  </a> `;
-            const facetHidden = bucket.state === 'hidden';
-            const facetSelected = bucket.state === 'selected';
-            const titleText = `${facetGroup.key}: ${(_b = bucket.displayText) !== null && _b !== void 0 ? _b : bucket.key}`;
-            const onlyShowText = facetSelected
-                ? `Show all ${facetGroup.key}s`
-                : `Only show ${titleText}`;
-            const hideText = `Hide ${titleText}`;
-            const unhideText = `Unhide ${titleText}`;
-            const showHideText = facetHidden ? unhideText : hideText;
+                  </a> `;
+            const facetHidden = bucket.state === 'hidden';
+            const facetSelected = bucket.state === 'selected';
+            const titleText = `${facetGroup.key}: ${(_b = bucket.displayText) !== null && _b !== void 0 ? _b : bucket.key}`;
+            const onlyShowText = facetSelected
+                ? `Show all ${facetGroup.key}s`
+                : `Only show ${titleText}`;
+            const hideText = `Hide ${titleText}`;
+            const unhideText = `Unhide ${titleText}`;
+            const showHideText = facetHidden ? unhideText : hideText;
             return html `
               <div class="facet-row">
                 <div class="facet-checkbox">
@@ -108,8 +108,8 @@ let FacetsTemplate = class FacetsTemplate extends LitElement {
                     type="checkbox"
                     .name=${facetGroup.key}
                     .value=${bucket.key}
-                    @click=${(e) => {
-                this.facetClicked(e, bucket.count, false);
+                    @click=${(e) => {
+                this.facetClicked(e, bucket.count, false);
             }}
                     .checked=${facetSelected}
                     class="select-facet-checkbox"
@@ -121,8 +121,8 @@ let FacetsTemplate = class FacetsTemplate extends LitElement {
                     id=${negativeCheckboxId}
                     .name=${facetGroup.key}
                     .value=${bucket.key}
-                    @click=${(e) => {
-                this.facetClicked(e, bucket.count, true);
+                    @click=${(e) => {
+                this.facetClicked(e, bucket.count, true);
             }}
                     .checked=${facetHidden}
                     class="hide-facet-checkbox"
@@ -145,15 +145,15 @@ let FacetsTemplate = class FacetsTemplate extends LitElement {
                   <div class="facet-count">${bucket.count}</div>
                 </div>
               </div>
-            `;
+            `;
         })}
       </div>
-    `;
-    }
-    render() {
-        return html `${this.getFacetsTemplate(this.facetGroup)}`;
-    }
-    static get styles() {
+    `;
+    }
+    render() {
+        return html `${this.getFacetsTemplate(this.facetGroup)}`;
+    }
+    static get styles() {
         return css `
       .facets-on-modal {
         /* For Chrome, Safari, Opera browsers */
@@ -252,23 +252,23 @@ let FacetsTemplate = class FacetsTemplate extends LitElement {
       a:hover {
         text-decoration: underline;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: Object })
-], FacetsTemplate.prototype, "facetGroup", void 0);
-__decorate([
-    property({ type: Object })
-], FacetsTemplate.prototype, "selectedFacets", void 0);
-__decorate([
-    property({ type: String })
-], FacetsTemplate.prototype, "renderOn", void 0);
-__decorate([
-    property({ type: Object })
-], FacetsTemplate.prototype, "collectionNameCache", void 0);
-FacetsTemplate = __decorate([
-    customElement('facets-template')
-], FacetsTemplate);
-export { FacetsTemplate };
+    `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], FacetsTemplate.prototype, "facetGroup", void 0);
+__decorate([
+    property({ type: Object })
+], FacetsTemplate.prototype, "selectedFacets", void 0);
+__decorate([
+    property({ type: String })
+], FacetsTemplate.prototype, "renderOn", void 0);
+__decorate([
+    property({ type: Object })
+], FacetsTemplate.prototype, "collectionNameCache", void 0);
+FacetsTemplate = __decorate([
+    customElement('facets-template')
+], FacetsTemplate);
+export { FacetsTemplate };
 //# sourceMappingURL=facets-template.js.map

package/dist/src/collection-facets/facets-util.d.ts

@@ -1,10 +1,10 @@
-import { FacetOption } from '../models';
-/**
- * Parse the aggregate key title into the human readable title
- *
- * Example: user_aggs__terms__field:mediatypeSorter__size:6 => Media Type
- *
- * @param key
- * @returns
- */
-export declare function getFacetOptionFromKey(key: string): FacetOption;
+import { FacetOption } from '../models';
+/**
+ * Parse the aggregate key title into the human readable title
+ *
+ * Example: user_aggs__terms__field:mediatypeSorter__size:6 => Media Type
+ *
+ * @param key
+ * @returns
+ */
+export declare function getFacetOptionFromKey(key: string): FacetOption;

package/dist/src/collection-facets/facets-util.js

@@ -1,20 +1,20 @@
-import { aggregationToFacetOption } from '../models';
-/**
- * Parse the aggregate key title into the human readable title
- *
- * Example: user_aggs__terms__field:mediatypeSorter__size:6 => Media Type
- *
- * @param key
- * @returns
- */
-export function getFacetOptionFromKey(key) {
-    const parts = key.split('__');
-    const fieldNamePart = parts[2];
-    const fieldName = fieldNamePart.split(':')[1];
-    const facetMatch = Object.entries(aggregationToFacetOption).find(([key2]) => fieldName.includes(key2));
-    const option = facetMatch === null || facetMatch === void 0 ? void 0 : facetMatch[1];
-    if (!option)
-        throw new Error(`Could not find facet option for key: ${key}`);
-    return option;
-}
+import { aggregationToFacetOption } from '../models';
+/**
+ * Parse the aggregate key title into the human readable title
+ *
+ * Example: user_aggs__terms__field:mediatypeSorter__size:6 => Media Type
+ *
+ * @param key
+ * @returns
+ */
+export function getFacetOptionFromKey(key) {
+    const parts = key.split('__');
+    const fieldNamePart = parts[2];
+    const fieldName = fieldNamePart.split(':')[1];
+    const facetMatch = Object.entries(aggregationToFacetOption).find(([key2]) => fieldName.includes(key2));
+    const option = facetMatch === null || facetMatch === void 0 ? void 0 : facetMatch[1];
+    if (!option)
+        throw new Error(`Could not find facet option for key: ${key}`);
+    return option;
+}
 //# sourceMappingURL=facets-util.js.map

package/dist/src/collection-facets/facets-util.js.map

@@ -1 +1 @@
-{"version":3,"file":"facets-util.js","sourceRoot":"","sources":["../../../src/collection-facets/facets-util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAe,MAAM,WAAW,CAAC;AAElE;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB,CAAC,GAAW;IAC/C,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAC1E,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CACzB,CAAC;IAEF,MAAM,MAAM,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,CAAC,CAAC,CAAC;IAC/B,IAAI,CAAC,MAAM;QAAE,MAAM,IAAI,KAAK,CAAC,wCAAwC,GAAG,EAAE,CAAC,CAAC;IAC5E,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import { aggregationToFacetOption, FacetOption } from '../models';\n\n/**\n * Parse the aggregate key title into the human readable title\n *\n * Example: user_aggs__terms__field:mediatypeSorter__size:6 => Media Type\n *\n * @param key\n * @returns\n */\nexport function getFacetOptionFromKey(key: string): FacetOption {\n  const parts = key.split('__');\n  const fieldNamePart = parts[2];\n  const fieldName = fieldNamePart.split(':')[1];\n  const facetMatch = Object.entries(aggregationToFacetOption).find(([key2]) =>\n    fieldName.includes(key2)\n  );\n\n  const option = facetMatch?.[1];\n  if (!option) throw new Error(`Could not find facet option for key: ${key}`);\n  return option;\n}\n"]}
+{"version":3,"file":"facets-util.js","sourceRoot":"","sources":["../../../src/collection-facets/facets-util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAe,MAAM,WAAW,CAAC;AAElE;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB,CAAC,GAAW;IAC/C,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAC1E,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CACzB,CAAC;IAEF,MAAM,MAAM,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,CAAC,CAAC,CAAC;IAC/B,IAAI,CAAC,MAAM;QAAE,MAAM,IAAI,KAAK,CAAC,wCAAwC,GAAG,EAAE,CAAC,CAAC;IAC5E,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import { aggregationToFacetOption, FacetOption } from '../models';\r\n\r\n/**\r\n * Parse the aggregate key title into the human readable title\r\n *\r\n * Example: user_aggs__terms__field:mediatypeSorter__size:6 => Media Type\r\n *\r\n * @param key\r\n * @returns\r\n */\r\nexport function getFacetOptionFromKey(key: string): FacetOption {\r\n  const parts = key.split('__');\r\n  const fieldNamePart = parts[2];\r\n  const fieldName = fieldNamePart.split(':')[1];\r\n  const facetMatch = Object.entries(aggregationToFacetOption).find(([key2]) =>\r\n    fieldName.includes(key2)\r\n  );\r\n\r\n  const option = facetMatch?.[1];\r\n  if (!option) throw new Error(`Could not find facet option for key: ${key}`);\r\n  return option;\r\n}\r\n"]}

package/dist/src/collection-facets/more-facets-content.d.ts

@@ -1,74 +1,74 @@
-import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { Aggregation, SearchServiceInterface, SearchType } from '@internetarchive/search-service';
-import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
-import type { ModalManagerInterface } from '@internetarchive/modal-manager';
-import { SelectedFacets, FacetGroup } from '../models';
-import type { LanguageCodeHandlerInterface } from '../language-code-handler/language-code-handler';
-import '@internetarchive/ia-activity-indicator/ia-activity-indicator';
-import './more-facets-pagination';
-import './facets-template';
-export declare class MoreFacetsContent extends LitElement {
-    facetKey?: string;
-    facetAggregationKey?: string;
-    fullQuery?: string;
-    modalManager?: ModalManagerInterface;
-    searchService?: SearchServiceInterface;
-    searchType?: SearchType;
-    collectionNameCache?: CollectionNameCacheInterface;
-    languageCodeHandler?: LanguageCodeHandlerInterface;
-    selectedFacets?: SelectedFacets;
-    sortedBy: string;
-    aggregations?: Record<string, Aggregation>;
-    facetGroup?: FacetGroup[];
-    facetGroupTitle?: String;
-    pageNumber: number;
-    /**
-     * Facets are loading on popup
-     */
-    facetsLoading: boolean;
-    paginationSize: number;
-    facetsType: string;
-    private facetsPerPage;
-    updated(changed: PropertyValues): void;
-    firstUpdated(): void;
-    /**
-     * Close more facets modal on Escape click
-     */
-    private setupEscapeListeners;
-    /**
-     * Get specific facets data from search-service API based of currently query params
-     * - this.aggregations - hold result of search service and being used for further processing.
-     */
-    updateSpecificFacets(): Promise<void>;
-    private pageNumberClicked;
-    /**
-     * Combines the selected facets with the aggregations to create a single list of facets
-     */
-    private get mergedFacets();
-    /**
-     * Converts the selected facets to a `FacetGroup` array,
-     * which is easier to work with
-     */
-    private get selectedFacetGroups();
-    /**
-     * Converts the raw `aggregations` to `FacetGroups`, which are easier to use
-     */
-    private get aggregationFacetGroups();
-    /**
-     * for collections, we need to asynchronously load the collection name
-     * so we use the `async-collection-name` widget and for the rest, we have a static value to use
-     *
-     * @param castedBuckets
-     */
-    private preloadCollectionNames;
-    private get getMoreFacetsTemplate();
-    private get loaderTemplate();
-    private get facetsPaginationTemplate();
-    private get footerTemplate();
-    private sortFacetAggregation;
-    private get getModalHeaderTemplate();
-    render(): TemplateResult<1>;
-    private applySearchFacetsClicked;
-    private cancelClick;
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { Aggregation, SearchServiceInterface, SearchType } from '@internetarchive/search-service';
+import type { CollectionNameCacheInterface } from '@internetarchive/collection-name-cache';
+import type { ModalManagerInterface } from '@internetarchive/modal-manager';
+import { SelectedFacets, FacetGroup } from '../models';
+import type { LanguageCodeHandlerInterface } from '../language-code-handler/language-code-handler';
+import '@internetarchive/ia-activity-indicator/ia-activity-indicator';
+import './more-facets-pagination';
+import './facets-template';
+export declare class MoreFacetsContent extends LitElement {
+    facetKey?: string;
+    facetAggregationKey?: string;
+    fullQuery?: string;
+    modalManager?: ModalManagerInterface;
+    searchService?: SearchServiceInterface;
+    searchType?: SearchType;
+    collectionNameCache?: CollectionNameCacheInterface;
+    languageCodeHandler?: LanguageCodeHandlerInterface;
+    selectedFacets?: SelectedFacets;
+    sortedBy: string;
+    aggregations?: Record<string, Aggregation>;
+    facetGroup?: FacetGroup[];
+    facetGroupTitle?: String;
+    pageNumber: number;
+    /**
+     * Facets are loading on popup
+     */
+    facetsLoading: boolean;
+    paginationSize: number;
+    facetsType: string;
+    private facetsPerPage;
+    updated(changed: PropertyValues): void;
+    firstUpdated(): void;
+    /**
+     * Close more facets modal on Escape click
+     */
+    private setupEscapeListeners;
+    /**
+     * Get specific facets data from search-service API based of currently query params
+     * - this.aggregations - hold result of search service and being used for further processing.
+     */
+    updateSpecificFacets(): Promise<void>;
+    private pageNumberClicked;
+    /**
+     * Combines the selected facets with the aggregations to create a single list of facets
+     */
+    private get mergedFacets();
+    /**
+     * Converts the selected facets to a `FacetGroup` array,
+     * which is easier to work with
+     */
+    private get selectedFacetGroups();
+    /**
+     * Converts the raw `aggregations` to `FacetGroups`, which are easier to use
+     */
+    private get aggregationFacetGroups();
+    /**
+     * for collections, we need to asynchronously load the collection name
+     * so we use the `async-collection-name` widget and for the rest, we have a static value to use
+     *
+     * @param castedBuckets
+     */
+    private preloadCollectionNames;
+    private get getMoreFacetsTemplate();
+    private get loaderTemplate();
+    private get facetsPaginationTemplate();
+    private get footerTemplate();
+    private sortFacetAggregation;
+    private get getModalHeaderTemplate();
+    render(): TemplateResult<1>;
+    private applySearchFacetsClicked;
+    private cancelClick;
+    static get styles(): CSSResultGroup;
+}